HTML 初学者 - 第 1 课 - 标签 h1–h6、p、strong

11/10/2025, by Ivan

关于如何创建 HTML 文档，请参阅 HTML 初学者 - 第一步。

在上一课中，我们创建了第一个 HTML 文档。

<html>
  <head>
    <title>我的第一个 HTML 文档</title>
  </head>
  <body>
    HTML 我的第一步
  </body>
</html>

在本课中，我们将为文档添加文本。让我们添加 HTML 中最常用的标签 —— 。别忘了，标签要用拉丁字母书写，这不是俄文字母“р”。标签 是 “paragraph”（段落）的缩写，表示文本段落。

在 HTML 中，所有文本都必须放在某种标签中，因此我们将文档中的文本包裹在 标签中：

<html>
  <head>
    <title>我的第一个 HTML 文档</title>
  </head>
  <body>
    <p>HTML 我的第一步</p>
  </body>
</html>

从视觉上看，文档似乎没有变化，但结构更加正确了。我们还可以添加几个段落：

<html>
  <head>
    <title>我的第一个 HTML 文档</title>
  </head>
  <body>
    <p>HTML 我的第一步</p>
    <p>每个猎人都想</p>
    <p>知道哪里</p>
    <p>藏着野鸡</p>
  </body>
</html>

可以看到，一切都很简单。p 标签处于同一级别。

接下来我们在文档中添加标题。为什么 HTML 中需要标题？首先，它能让文本结构更清晰，结构化的内容更易读、理解更快。其次，标题对网站在搜索引擎中的优化也非常重要。因此，在网页中不要忽略标题的使用。

我们使用标签 h1、h2、h3、h4、h5、h6 来创建标题。字母 h（header - 标题）后的数字表示标题的重要程度。页面中只能有一个 h1，它表示该 HTML 页面主要内容的主题。接着可以使用 h2、h3 等。通常六级标题结构已经足够使用。

<html>
  <head>
    <title>我的第一个 HTML 文档</title>
  </head>
  <body>
    <h1>我的第一个 HTML 文档</h1><br>    <h2>我的第一步</h2>
    <p>HTML 我的第一步</p>
    <h3>再进一步</h3><br>    <h2>人们这样说</h2>
    <p>每个猎人都想</p>
    <p>知道哪里</p>
    <p>藏着野鸡</p>
  </body>
</html>

你可能已经注意到，标题的字体大小与 h 后的数字有关。数字越小，标题越重要，字体也越大。

h1–h6 标签的另一个特点是它们默认显示为加粗的样式。如果你想在正文中手动加粗文本，可以使用 标签：

<html>
  <head>
    <title>我的第一个 HTML 文档</title>
  </head>
  <body>   <h1>我的第一个 HTML 文档</h1>
    <h2>我的第一步</h2>
    <p>HTML 我的第一步</p>
   <h3>再进一步</h3>
   <h2>人们这样说</h2>
    <p>每个 <strong>猎人</strong> 都想</p>
    <p>知道哪里</p>
    <p>藏着野鸡</p>
  </body>
</html>

请注意，加粗文本时应使用 strong 标签。不要在 p 标签中嵌套 h1–h6 标签！记住这一点，在 p 标签中使用 h1–h6 可能会严重影响网站在 Google 搜索中的排名。

正确的写法如下：

<p>非常 <strong>加粗</strong> 的文字</p>

而下面这种是错误的写法：

<p><h3>不要这样</h3>写！</p>

现在你已经学会如何在页面中添加任意数量的文本，并使用加粗效果，而且更重要的是——以正确的方式去做。

额外区块类型 (EBT) - 全新的布局构建器体验❗

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

HTML 初学者 - 第 1 课 - 标签 h1–h6、p、strong