HTML 段落
HTML 段落 HTML 可以將文檔分割為若干段落。 HTML 段落 段落是通過(guò) <p> 標(biāo)簽定義的。 實(shí)例 <p>這是一個(gè)段落 </p> <p>這是另一個(gè)段落</p> 嘗試一下 ? 注意:瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。
HTML 可以將文檔分割為若干段落。
HTML 段落
段落是通過(guò) <p> 標(biāo)簽定義的。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>這是一個(gè)段落。</p> <p>這是一個(gè)段落。</p> <p>這是一個(gè)段落。</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例
注意:瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。(</p> 是塊級(jí)元素)
不要忘記結(jié)束標(biāo)簽
即使忘了使用結(jié)束標(biāo)簽,大多數(shù)瀏覽器也會(huì)正確地將 HTML 顯示出來(lái):
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>這是一個(gè)段落 <p>這是另一個(gè)段落 </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例
上面的例子在大多數(shù)瀏覽器中都沒(méi)問(wèn)題,但不要依賴(lài)這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生意想不到的結(jié)果和錯(cuò)誤。
注釋: 在未來(lái)的 HTML 版本中,不允許省略結(jié)束標(biāo)簽。
HTML 折行
如果您希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行(新行),請(qǐng)使用 <br /> 標(biāo)簽:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>這個(gè)<br>段落<br>演示了分行的效果</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例
<br /> 元素是一個(gè)空的 HTML 元素。由于關(guān)閉標(biāo)簽沒(méi)有任何意義,因此它沒(méi)有結(jié)束標(biāo)簽。
<br/>標(biāo)簽的更多介紹可以參考【HTML詞典】中<br/> 標(biāo)簽詳解。
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 段落
如何在瀏覽器中顯示 HTML 段落。
換行
在 HTML 文檔中使用換行。
在 HTML 代碼中的排版一首唐詩(shī)
瀏覽器在顯示 HTML 時(shí),會(huì)省略源代碼中多余的空白字符(空格或回車(chē)等)。
更多實(shí)例
更多段落
段落的默認(rèn)行為。
HTML 標(biāo)簽參考手冊(cè)
W3CSchool 的標(biāo)簽參考手冊(cè)提供了有關(guān) HTML 元素及其屬性的更多信息。
標(biāo)簽 | 描述 |
---|---|
<p> | 定義一個(gè)段落 |
<br> | 插入單個(gè)折行(換行) |