html代码大全及详解
发布日期：2025-06-19 18:01:09
HTML基本结构
HTML文档的基本结构由一系列标签组成。一个简单的HTML文档结构如下：
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
页面内容
</body>
</html>
<!DOCTYPE html>声明文档类型为HTML5。<html>标签是HTML文档的根标签，所有HTML元素都包含在其中。<head>标签包含了文档的元数据，如页面标题、字符编码等。<title>标签定义了页面在浏览器标签栏中显示的标题。<body>标签包含了页面的可见内容。
文本标签
文本标签用于显示和格式化文本。常见的文本标签有：
<h1> - <h6>：定义标题，<h1>为最大标题，<h6>为最小标题。<p>：定义段落。<br>：插入换行符。<hr>：插入水平线。<em>：强调文本，通常显示为斜体。<strong>：表示重要文本，通常显示为粗体。
链接标签
链接标签用于创建超链接，使用<a>标签。示例如下：
<a href="https://www.example.com">访问示例网站</a>
href属性指定链接的目标地址。还可以使用target属性指定链接的打开方式，如target="_blank"表示在新窗口中打开链接。
图像标签
图像标签用于在页面中显示图像，使用<img>标签。示例如下：
<img src="image.jpg" alt="图像描述">
src属性指定图像的文件路径或URL，alt属性提供图像的替代文本，当图像无法显示时显示该文本。
列表标签
列表标签用于创建列表，分为有序列表和无序列表。
- 有序列表：使用
<ol>标签，列表项使用<li>标签。示例如下：<ol> <li>第一项</li> <li>第二项</li> </ol> - 无序列表：使用
<ul>标签，列表项同样使用<li>标签。示例如下：<ul> <li>项目一</li> <li>项目二</li> </ul>
表格标签
表格标签用于创建表格，使用<table>标签，表格行使用<tr>标签，表格单元格使用<td>标签，表头使用<th>标签。示例如下：
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>
表单标签
表单标签用于创建用户输入表单，使用<form>标签。常见的表单元素有：
<input>：用于创建各种输入字段，如文本框、密码框、单选框、复选框等。<select>和<option>：用于创建下拉列表。<textarea>：用于创建多行文本输入框。<button>：用于创建按钮。
相关问答
1. 如何设置HTML页面的字符编码？
可以在<head>标签中使用<meta>标签设置字符编码，示例如下：<meta charset="UTF-8">，这里将字符编码设置为UTF - 8。
2. 如何让链接在新窗口中打开？
在<a>标签中添加target="_blank"属性，示例如下：<a href="https://www.example.com" target="_blank">访问示例网站</a>，这样链接就会在新窗口中打开。