7 文本标签之段落标签与标题
在HTML中，文本标签用于结构化和显示文本内容。在这一章中，我们将重点讨论“段落标签”和“标题标签”。我们会了解它们各自的作用，语法形式和应用实例。
段落标签
段落标签是用来定义文本段落的。它使用<p>标签包裹文本内容，每一个<p>标签都代表一个独立的段落。段落标签的基本语法如下：
<p>这里是一个文本段落。</p>
段落的特点
- 块级元素：段落标签是一个块级元素，这意味着它可以占据整行，并且在前后会有一个空白的间隔。
- 自动换行：在段落内部的文本内容会在段落结束后自动换行，段落之间也会有一定的间距，以增加可读性。
示例
我们来看看一个简单的示例：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>段落标签示例</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我的第一个段落。它包含了一些文本，用来展示段落标签的效果。</p>
<p>这是我的第二个段落，它也展示了文本段落的定义。</p>
</body>
</html>
在上面的代码中，我们用两个<p>标签分别定义了两个独立的段落。当你打开这段HTML代码时，你会发现每个段落都在自己的行上，并有一定的间隔。
标题标签
HTML中有六种等级的标题标签，从<h1>到<h6>。它们用于定义文档的标题结构。<h1>代表最高等级的标题，而<h6>则是最低等级的标题。每个标题标签都有不同的默认字体大小和样式。
标题的特点
- 块级元素：标题标签同样是块级元素，它们会占据整行并带有上下空隙。
- SEO友好：标题元素在搜索引擎优化 (SEO) 中也非常重要。
<h1>标签通常用于主要标题，而后面的标题标签则用于子标题。
标题的示例
接下来，我们来看看如何使用标题标签：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标题标签示例</title>
</head>
<body>
<h1>我的文章标题</h1>
<h2>第一部分</h2>
<p>这里是第一部分的内容。</p>
<h3>第一部分的子标题</h3>
<p>更多关于第一部分的内容。</p>
<h2>第二部分</h2>
<p>这里是第二部分的内容。</p>
</body>
</html>
在这个示例中，<h1>用于主要标题，“我的文章标题”，而<h2>和<h3>则用于不同层级的子标题。这种结构化的方式使得文章非常易于阅读和理解。
小结
在这一章中，我们探讨了段落标签和标题标签的使用。段落标签<p>用于分隔文本段落，而标题标签<h1>到<h6>用于组织文档结构和层次。它们都属于文本标签，是构建HTML文档的基础。
接下来，我们将深入探讨文本标签中的强调与样式标签，了解如何通过这些标签来增强文本的表现力与可读性。
