狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

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

標題

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

h1 定義最大標題，h6 定義最小標題。

<h1>這是h1標題</h1> <h2>這是h2標題</h2> <h3>這是h3標題</h3> <h4>這是h4標題</h4> <h5>這是h5標題</h5> <h6>這是h6標題</h6> 

標題前后會自動添加空行。

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

標題的重要性，不止體現在它的樣式上。更是為了搜索引擎的搜錄。

搜索引擎（Search Engine）會抓取互聯網的各各站點，它使用標題對抓取到的網頁結構和內容建立索引，這樣用戶就能通過標題快速瀏覽網頁內容。

標題與字號的對應關系，是反向的。

h1 對應 6 號字體，而 h6 對應 1 號字體。

當然，學過了樣式，我們就不難明白，使用樣式是可以對標題字體大小進行自定義的，比如：

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

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

水平線

hr 全稱是 horizen，它是無內容的空元素，它不需要結束標簽。

<hr /> 

段落

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

它的完整寫法如下：

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

p 和 前面示意的 h1 一樣，需要結束標簽。

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

如果想要換行，可以通過元素 br 實現。

換行

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

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

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

答案當然是有，使用 pre 元素。

pre 元素

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

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

效果展示

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

本節元素

總結

• ?? 標題元素有 h1 到 h6，h1 字號最大，h6 字號最小。

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

• ?? 內容預先定義格式的文本，可以通過 pre 元素實現。