5 HTML基础结构之常见标签
在前一章节中，我们介绍了 HTML 文档的基本结构，这为理解 HTML 的使用奠定了基础。在本章节中，我们将深入探讨一些常见的 HTML 标签，了解它们的功能和应用场景。这些标签是构建网页内容的基本元素，掌握它们能够帮助你更加轻松地创建出色的网页。
常见HTML标签
1. 标题标签
HTML 提供了六种不同级别的标题标签，从 h1 到 h6。它们分别表示不同层级的标题，其中 h1 代表最高级别的标题，而 h6 为最低级别。例如：
1 | <h1>这是一级标题</h1> |
在这段代码中，h1 标签通常用于网页的主标题，h2 和 h3 用于次级标题，形成一个层次结构。这对于搜索引擎优化（SEO）和内容的可读性非常重要。
2. 段落标签
段落是网页文本内容的基本组成部分，使用 <p> 标签来定义一个段落。例如：
1 | <p>这是一个段落。段落中的文字可以是任意内容。</p> |
每个段落之间会有默认的间距，使得文本看起来更加清晰。
3. 链接标签
超链接是网页之间导航的重要方式，使用 <a> 标签定义。你可以使用 href 属性来指定链接的目标地址。例如：
1 | <a href="https://www.example.com">访问示例网站</a> |
点击这个链接将会跳转到 https://www.example.com。
4. 图片标签
使用 <img> 标签可以插入图片，src 属性用于指定图片的来源，alt 属性提供替代文本，以便在图像无法加载时显示。例如：
1 | <img src="image.jpg" alt="这是一张示例图片"> |
确保图片文件与 HTML 文件在同一目录中，或者使用绝对路径。
5. 列表标签
列表分为有序列表和无序列表，分别使用 <ol> 和 <ul> 标签。每个列表项使用 <li> 标签。例如：
无序列表：
1 | <ul> |
有序列表：
1 | <ol> |
无序列表一般用圆点标记， 有序列表则使用数字标记。
6. 强调标签
要强调某些文本内容，可以使用 <strong> 和 <em> 标签。<strong> 表示强强调， <em> 表示斜体强调。例如：
1 | <p>这是一个<strong>重要</strong>的消息，这里需要<em>特别</em>注意。</p> |
7. 表格标签
表格使用 <table> 标签创建，并包含 <tr>（表格行）、<th>（表头单元格）和 <td>（表格数据单元格）来组织内容。例如：
1 | <table> |
这个表格显示了两位的姓名与年龄。
8. 其他常用标签
水平线标签：使用
<hr>可以插入水平线，以分隔内容。1
<hr>
引用标签：使用
<blockquote>可以创建引用块。1
2
3<blockquote>
这是一段引用的文本。
</blockquote>
案例：创建简单的网页
结合上述标签，我们可以创建一个简单的 HTML 页面示例：
1 |
|
这个示例展示了如何使用常见的 HTML 标签来构建一个简单的网页。
小结
在这一节中，我们学习了多种常见的 HTML 标签，以及如何使用它们构建网页的内容。通过实践这些基础标签，你将能够创建更复杂的网页结构，提升自己网页设计的能力。在下一节中，我们将讨论 HTML 文档类型声明，这将在我们的 HTML 学习过程中起到重要的作用。
希望本节内容对你有所帮助！
5 HTML基础结构之常见标签
