2.2 文本排版

在網(wǎng)頁中如果要把文字都合理地顯示出來，離不開段落標(biāo)記的使用。對網(wǎng)頁中文字段落進(jìn)行排版，并不像文本編輯軟件Word那樣可以定義許多模式來安排文字的位置。在網(wǎng)頁中要讓某一段文字放在特定的地方是通過HTML標(biāo)記來完成的。

2.2.1 換行標(biāo)記<br/>與段落標(biāo)記<p>

瀏覽器在顯示網(wǎng)頁時，完全按照HTML標(biāo)記來解釋HTML代碼，忽略多余的空格和換行。在HTML文件里，不管輸入多少空格（按空格鍵）都將被視為一個空格；換行（按Enter鍵）也是無效的。在HTML中，換行使用<br/>標(biāo)記，換段使用<p>標(biāo)記。

1．換行標(biāo)記<br/>

換行標(biāo)記<br/>是一個單標(biāo)記，沒有結(jié)束標(biāo)記，是英文單詞break的縮寫，作用是將文字在一個段內(nèi)強(qiáng)制換行。一個<br/>標(biāo)記代表一個換行，連續(xù)的多個標(biāo)記可以實現(xiàn)多次換行。使用換行標(biāo)記時，在需要換行的位置添加<br/>標(biāo)記即可。例如，下面的代碼實現(xiàn)了對文本的強(qiáng)制換行。

【例2.4】（實例文件：ch02\2.4.html）

雖然在HTML源代碼中，主體部分的內(nèi)容在排版上沒有換行，但是增加<br/>標(biāo)記后，在IE 11.0中的預(yù)覽效果如圖2-7所示，實現(xiàn)了換行效果。

2．段落標(biāo)記<p>

段落標(biāo)記是雙標(biāo)記，即<p></p>，在<p>開始標(biāo)記和</p>結(jié)束標(biāo)記之間的內(nèi)容形成一個段落。如果省略結(jié)束標(biāo)記，從<p>標(biāo)記開始，直到下一個段落標(biāo)記之前的文本都在一段段落內(nèi)。段落標(biāo)記中的p是英文單詞paragraph（段落）的首字母，用來定義網(wǎng)頁中的一段文本，文本在一個段落中會自動換行。

【例2.5】（實例文件：ch02\2.5.html）

在IE 11.0中的預(yù)覽效果如圖2-8所示，<p>標(biāo)記將文本分成了4個段落。

2.2.2 標(biāo)題標(biāo)記<h1>～<h6>

在HTML文檔中，文本的結(jié)構(gòu)除了以行和段出現(xiàn)之外，還可以作為標(biāo)題存在。通常一篇文檔最基本的結(jié)構(gòu)就是由若干不同級別的標(biāo)題和正文組成的。

HTML文檔中包含有各種級別的標(biāo)題，各種級別的標(biāo)題由<h1>到<h6>元素來定義，<h1>至<h6>標(biāo)題標(biāo)記中的字母h是英文headline（標(biāo)題行）的簡稱。其中，<h1>代表1級標(biāo)題，級別最高，文字也最大，其他標(biāo)題元素依次遞減，<h6>級別最低。

【例2.6】（實例文件：ch02\2.6.html）

在IE 11.0中的預(yù)覽效果如圖2-9所示。