HTML 标签概述

HTML 标签是 HTML（超文本标记语言）的基本构建块。每个 HTML 标签都有特定的用途和功能，用于定义网页内容的结构和语义。

什么是 HTML 标签？

HTML 标签是由尖括号包围的关键词，如 <p>。HTML 标签通常成对出现，包括开始标签和结束标签，例如 <p> 和 </p>。开始和结束标签之间的内容是元素的内容。

HTML 标签的基本结构

<标签名>内容</标签名>

例如：

<p>这是一个段落。</p>
<h1>这是一个标题</h1>
<a href="https://example.com">这是一个链接</a>

空标签（自闭合标签）

某些 HTML 标签是空标签，不需要结束标签。这些标签在开始标签末尾使用斜杠 / 来关闭，或者直接使用开始标签：

<br>
<hr>
<img src="image.jpg" alt="描述">
<input type="text" name="username">
<meta charset="UTF-8">

HTML 标签的属性

HTML 标签可以有属性，属性提供了有关元素的附加信息。属性总是以名称/值对的形式指定，如 name="value"。

<a href="https://example.com" target="_blank">链接</a>
<img src="image.jpg" alt="描述" width="300" height="200">
<div class="container" id="main">内容</div>

标签分类

HTML 标签可以按不同的方式进行分类：

按显示方式分类

1. 块级元素：在页面中以新行开始和结束

   • <div>, <h1>-<h6>, <p>, <ul>, <ol>, <li>, <table>, <header>, <footer> 等

2. 内联元素：不会以新行开始和结束，只占据必要宽度

   • <span>, <a>, <img>, <strong>, <em>, <input> 等

按语义分类

1. 结构性标签：定义页面结构
2. 文本内容标签：包含文本内容
3. 多媒体标签：处理图像、音频、视频等
4. 表单标签：处理用户输入
5. 元数据标签：提供文档元信息

在接下来的章节中，我们将详细介绍每个重要的 HTML 标签及其用法。