HTML 标签 ​

HTML 标签用于定义网页的结构和内容，它们由尖括号包围。HTML 标签可以分为两类：块级标签和内联标签。

块级标签（Block-level Elements） ​

块级标签通常用于创建页面的大型结构和组织，它们会单独占据一行，并且在前后都会产生换行。常见的块级标签包括：

• <div>：最通用的容器标签，用于将一组元素包裹在一起，方便样式和布局控制。
• <h1> 到 <h6>：标题标签，用于定义标题，h1 为最高级别的标题，h6 为最低级别。
• <p>：段落标签，用于定义段落文本。
• <ul> 和 <li>：无序列表和列表项标签，用于创建无序列表。
• <ol> 和 <li>：有序列表和列表项标签，用于创建有序列表。
• <table>、<tr>、<th> 和 <td>：表格标签，用于创建表格。

内联标签（Inline Elements） ​

内联标签用于包裹文本的一部分，它们不会独占一行，而是按照文本的自然流动排列。常见的内联标签包括：

• <a>：锚链接标签，用于创建超链接到其他网页或文档。
• <span>：内联容器标签，类似于<div>，但用于内联元素的包裹。
• <strong> 和 <em>：强调标签，分别表示强调和斜体。
• <img>：图像标签，用于插入图片到网页中。
• <br>：换行标签，用于插入一个换行符。
• <input>：输入标签，用于创建各种输入字段，如文本框、单选按钮、复选框等。

嵌套标签 ​

HTML 标签可以嵌套在其他标签中，形成树状的结构。例如，可以将一段文本包裹在<p>标签中，然后在<div>标签中包裹这个<p>标签，从而形成嵌套的关系。

<div>
  <p>This is a paragraph.</p>
</div>

属性 ​

HTML 标签可以包含属性，属性用于为标签提供额外的信息或设置。属性以键值对的形式出现，放在标签的开始标签中。例如，<a>标签用href属性来指定链接地址：

<a href="https://www.example.com">Click here</a>

不同的标签可以接受不同的属性，它们有不同的用途和功能，例如设置样式、链接目标、控制元素行为等。

自定义标签 ​

HTML5 允许开发者创建自定义的标签，这些标签可能在 HTML 规范中没有定义，但可以在特定的应用中使用。自定义标签应以data-为前缀，避免与未来 HTML 版本中的新标签冲突。

例如：

<div data-custom="example">This is a custom tag.</div>

自定义标签的功能通常需要通过 JavaScript 来处理和操作。