HTML 段落

可以把 HTML 文檔分割為若干段落。

HTML 段落

段落是通過 <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 顯示出來：

實(shí)例

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

親自試一試

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

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

提示：通過結(jié)束標(biāo)簽來關(guān)閉 HTML 是一種經(jīng)得起未來考驗(yàn)的 HTML 編寫方法。清楚地標(biāo)記某個(gè)元素在何處開始，并在何處結(jié)束，不論對(duì)您還是對(duì)瀏覽器來說，都會(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)簽沒有任何意義，因此它沒有結(jié)束標(biāo)簽。

<br> 還是 <br />

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

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

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

HTML 輸出 - 有用的提示

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

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

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

親自試一試

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

來自本頁的實(shí)例

HTML 段落

如何在瀏覽器中顯示 HTML 段落。

換行

在 HTML 文檔中使用換行。

在 HTML 代碼中的排版一首唐詩

瀏覽器在顯示 HTML 時(shí)，會(huì)省略源代碼中多余的空白字符（空格或回車等）。

更多實(shí)例

更多段落

段落的默認(rèn)行為。

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

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

標(biāo)簽	描述
<p>	定義段落。
<br />	插入單個(gè)折行（換行）。

posted on 2014-04-17 13:47 順其自然EVO 閱讀(468) 評(píng)論(0)  編輯  收藏 所屬分類: HTML