標(biāo)題和段落，是兩個獨(dú)立的元素，只所以放在一起介紹，是因為它們是用于文字排版。

標(biāo)題

標(biāo)題 (Headings) 通過 <h1> 到 <h6> 元素來定義。

h1 定義最大標(biāo)題，h6 定義最小標(biāo)題。

<h1>這是h1標(biāo)題</h1> <h2>這是h2標(biāo)題</h2> <h3>這是h3標(biāo)題</h3> <h4>這是h4標(biāo)題</h4> <h5>這是h5標(biāo)題</h5> <h6>這是h6標(biāo)題</h6> 

標(biāo)題前后會自動添加空行。

?? 從這一節(jié)開始，所以的示例代碼的展示效果在最后一起展示。

標(biāo)題的重要性，不止體現(xiàn)在它的樣式上。更是為了搜索引擎的搜錄。

搜索引擎（Search Engine）會抓取互聯(lián)網(wǎng)的各各站點(diǎn)，它使用標(biāo)題對抓取到的網(wǎng)頁結(jié)構(gòu)和內(nèi)容建立索引，這樣用戶就能通過標(biāo)題快速瀏覽網(wǎng)頁內(nèi)容。

標(biāo)題與字號的對應(yīng)關(guān)系，是反向的。

h1 對應(yīng) 6 號字體，而 h6 對應(yīng) 1 號字體。

當(dāng)然，學(xué)過了樣式，我們就不難明白，使用樣式是可以對標(biāo)題字體大小進(jìn)行自定義的，比如：

<h1 style="font-size:50px;">h1的字號被修改成了50px。</h1> 

在標(biāo)題下，通常我們用一根橫線表示分割，這根橫線稱為水平線，有一個專門的元素 hr。

水平線

hr 全稱是 horizen，它是無內(nèi)容的空元素，它不需要結(jié)束標(biāo)簽。

<hr /> 

段落

段落 (Paragraphs) 通過元素 p 定義，p 是塊級元素。

它的完整寫法如下：

<p>這是一個段落。</p> 

p 和 前面示意的 h1 一樣，需要結(jié)束標(biāo)簽。

段落就像咱們看的文章一樣，在一個自然段前后會換行，但中間內(nèi)容不會。

如果想要換行，可以通過元素 br 實現(xiàn)。

換行

br 是 break 的簡稱，稱為換行元素。

<p>   這是一個段落。它有第一行。<br />通過添加 br 得到第二行。<br />同樣可以得到第三行。   如果不添加&lt;br/>，則這句內(nèi)容不會換行，即使我們在編輯器里換行了。 </p> 

但這種使用 br 的方法實際體驗非常不方便，那如果我們想要在網(wǎng)站上展示一些短小精悍的內(nèi)容，比如一首古詩，有沒有更好的辦法呢？

答案當(dāng)然是有，使用 pre 元素。

pre 元素

<pre>             春曉     春眠不覺曉，處處聞啼鳥；     夜來風(fēng)雨聲，花咯知多少。  </pre> 

pre 元素定義預(yù)先格式化的文本，它保留空格和換行。

效果展示

前面所有的示例放到了頁面 2-3-1.html 下，展示效果如下圖。

本節(jié)元素

總結(jié)

• ?? 標(biāo)題元素有 h1 到 h6，h1 字號最大，h6 字號最小。

• ?? 段落元素 p 是塊級元素，段落中的內(nèi)容默認(rèn)不自動換行，如果想換行可以通過<br>實現(xiàn)。

• ?? 內(nèi)容預(yù)先定義格式的文本，可以通過 pre 元素實現(xiàn)。