⬅️ 返回地图
第 6 话

标题与段落:大嗓门

网页的阶级制度,从皇帝到平民。

1. 标题的六个阶级

HTML 提供了 6 个等级的标题标签,从 <h1><h6>

这不仅仅是字号大小的区别,更是地位的区别!搜索引擎(比如 Google 爸爸)非常看重这个。

<h1> 我是皇帝!全页最重要!</h1>
<h2> 我是宰相,仅次于皇帝。</h2>
<h3> 我是尚书,管具体事的。</h3>
<h4> 我是县令。</h4>
<h5> 我是捕头。</h5>
<h6> 我是...衙役?反正我很小。</h6>
⚠️ 皇家禁令:
一个页面最好只用一个 <h1> 标签!
就像一个国家不能有两个皇帝一样。通常 H1 用来放网页的大标题或 Logo。
不要因为想把字变大就用标题标签,那是 CSS 的工作!
2. 平民段落

剩下的 90% 的文字,通常都住在 <p> 标签里。P 是 Paragraph(段落)的缩写。

<p>我是第一段。浏览器会自动在我的上下留出一些空白,让我看起来不那么拥挤。</p>

<p>我是第二段。哪怕你在代码里按了一万个回车, 浏览器也会无视它们,只把我们当成一段。</p>

3. 水平线

如果你想在两个话题之间划清界限,可以使用 <hr> 标签。

它会在页面上画一条横线,表示“以上是前尘往事,以下是新的篇章”。


就像上面这条线一样。