HTML 段落

段落是通過(guò) <p> 標(biāo)簽定義的。

實(shí)例

<p>This is a paragraph</p>
<p>This is another paragraph</p>

親自試一試

注釋：瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。（<p> 是塊級(jí)元素）

提示：使用空的段落標(biāo)記 <p></p> 去插入一個(gè)空行是個(gè)壞習(xí)慣。用 <br /> 標(biāo)簽代替它?。ǖ遣灰?<br /> 標(biāo)簽去創(chuàng)建列表。不要著急，您將在稍后的篇幅學(xué)習(xí)到 HTML 列表。）

不要忘記結(jié)束標(biāo)簽

即使忘了使用結(jié)束標(biāo)簽，大多數(shù)瀏覽器也會(huì)正確地將 HTML 顯示出來(lái)：

實(shí)例

<p>This is a paragraph
<p>This is another paragraph

親自試一試

上面的例子在大多數(shù)瀏覽器中都沒(méi)問(wèn)題，但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生意想不到的結(jié)果和錯(cuò)誤。

注釋：在未來(lái)的 HTML 版本中，不允許省略結(jié)束標(biāo)簽。

提示：通過(guò)結(jié)束標(biāo)簽來(lái)關(guān)閉 HTML 是一種經(jīng)得起未來(lái)考驗(yàn)的 HTML 編寫方法。清楚地標(biāo)記某個(gè)元素在何處開(kāi)始，并在何處結(jié)束，不論對(duì)您還是對(duì)瀏覽器來(lái)說(shuō)，都會(huì)使代碼更容易理解。

HTML 折行

如果您希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行（新行），請(qǐng)使用 <br /> 標(biāo)簽：

<p>This is<br />a para<br />graph with line breaks</p>

親自試一試

<br /> 元素是一個(gè)空的 HTML 元素。由于關(guān)閉標(biāo)簽沒(méi)有任何意義，因此它沒(méi)有結(jié)束標(biāo)簽。

<br> 還是 <br />

您也許發(fā)現(xiàn) <br> 與 <br /> 很相似。

在 XHTML、XML 以及未來(lái)的 HTML 版本中，不允許使用沒(méi)有結(jié)束標(biāo)簽（閉合標(biāo)簽）的 HTML 元素。

即使 <br> 在所有瀏覽器中的顯示都沒(méi)有問(wèn)題，使用 <br /> 也是更長(zhǎng)遠(yuǎn)的保障。

HTML 輸出 - 有用的提示

我們無(wú)法確定 HTML 被顯示的確切效果。屏幕的大小，以及對(duì)窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果。

對(duì)于 HTML，您無(wú)法通過(guò)在 HTML 代碼中添加額外的空格或換行來(lái)改變輸出的效果。

當(dāng)顯示頁(yè)面時(shí)，瀏覽器會(huì)移除源代碼中多余的空格和空行。所有連續(xù)的空格或空行都會(huì)被算作一個(gè)空格。需要注意的是，HTML 代碼中的所有連續(xù)的空行（換行）也被顯示為一個(gè)空格。

親自試一試

（這個(gè)例子演示了一些 HTML 格式化方面的問(wèn)題）

HTML 標(biāo)簽參考手冊(cè)

365jz 的標(biāo)簽參考手冊(cè)提供了有關(guān) HTML 元素及其屬性的更多信息。