Html 标签

HTML 标签是由尖括号包围的关键字，用于定义网页的结构和内容。HTML 标签分为两大类：

• 块级标签：占据整行，如 <div>、<p>、<h1> 等。
• 内联标签：只占据必要的空间，如 <a>、<img>、<span> 等。

HTML 标签的语法格式如下：

<标签名 属性名="属性值" ...>内容</标签名>

其中，标签名 是必需的，属性名 和 属性值 是可选的。

例如：

<h1>这是一级标题</h1>
<p>这是一段文本。</p>
<img src="https://www.example.com/image.jpg" alt="这是一个图片">
<a href="https://www.example.com">这是一个链接</a>

在上面的代码中，<h1>、<p>、<img> 和 <a> 都是块级标签，<img> 和 <a> 都是内联标签。

文本标签

• <h1>至<h6>：标题标签，表示不同级别的标题。
• <p>：段落标签，创建文本段落。
• <br>：换行符。
• <strong>、<b>：加粗文本。
• <em>、<i>：斜体文本。
• <u>：下划线文本。
• <span>：行内元素，用于对文本进行局部样式处理。

列表标签

• <ul>：无序列表。
• <ol>：有序列表。
• <li>：列表项。
• <dl>：定义列表。
• <dt>：定义列表的术语。
• <dd>：定义列表的描述。

链接和导航

<a>：锚点标签，创建超链接。href 属性：指定超链接的目标地址。target 属性：定义链接如何打开（如 _blank、_self）。

图像标签

<img>：嵌入图像。src 属性：指定图像的路径。alt 属性：图像无法显示时的替代文本。

表格标签

• <table>：表格。
• <tr>：表格行。
• <td>：表格数据单元格。
• <th>：表格标题单元格。
• <thead>：表格的表头。
• <tbody>：表格的主体。
• <tfoot>：表格的尾部。

表单标签

• <form>：表单标签，包含表单控件。action、method 属性：定义表单提交的URL和方法。
• <input>：输入框。
• <select>、<option>: 选择框下拉列表。
• <textarea>：文本区域。
• <button>：按钮。

表单控件

• <input type="text">：文本框。
• <input type="password">：密码框。
• <input type="email">：电子邮件输入框。
• <input type="checkbox">：复选框。
• <input type="radio">：单选按钮。
• <input type="submit">：提交按钮。
• <input type="reset">：重置按钮。

表单验证

• required：必填项。
• minlength、maxlength：最小长度和最大长度。
• pattern：正则表达式验证。
• type：类型验证。

多媒体标签

• <audio>：嵌入音频文件。
• <video>：嵌入视频文件。
• <source>：媒体文件源。
• <iframe>：嵌入其他网页。