首頁 > html教程 > html基礎教程 閱讀:0更新時間:2020-05-02 22:23:26

HTML 段落

< 上一頁HTML 標題 HTML 樣式 下一頁 >

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

HTML 段落

段落是通過 <p> 標簽定義的。

實例

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

親自試一試

注釋:瀏覽器會自動地在段落的前后添加空行。(<p> 是塊級元素)

提示:使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標簽代替它?。ǖ遣灰?<br /> 標簽去創建列表。不要著急,您將在稍后的篇幅學習到 HTML 列表。)

不要忘記結束標簽

即使忘了使用結束標簽,大多數瀏覽器也會正確地將 HTML 顯示出來:

實例

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

親自試一試

上面的例子在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標簽會產生意想不到的結果和錯誤。

注釋:在未來的 HTML 版本中,不允許省略結束標簽。

提示:通過結束標簽來關閉 HTML 是一種經得起未來考驗的 HTML 編寫方法。清楚地標記某個元素在何處開始,并在何處結束,不論對您還是對瀏覽器來說,都會使代碼更容易理解。

HTML 折行

如果您希望在不產生一個新段落的情況下進行換行(新行),請使用 <br /> 標簽:

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

親自試一試

<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義,因此它沒有結束標簽。

<br> 還是 <br />

您也許發現 <br> 與 <br /> 很相似。

在 XHTML、XML 以及未來的 HTML 版本中,不允許使用沒有結束標簽(閉合標簽)的 HTML 元素。

即使 <br> 在所有瀏覽器中的顯示都沒有問題,使用 <br /> 也是更長遠的保障。

HTML 輸出 - 有用的提示

我們無法確定 HTML 被顯示的確切效果。屏幕的大小,以及對窗口的調整都可能導致不同的結果。

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

當顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是,HTML 代碼中的所有連續的空行(換行)也被顯示為一個空格。

親自試一試

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

來自本頁的實例

  • HTML 段落

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

  • 換行

  • 在 HTML 文檔中使用換行。

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

  • 瀏覽器在顯示 HTML 時,會省略源代碼中多余的空白字符(空格或回車等)。

更多實例

  • 更多段落

  • 段落的默認行為。

HTML 標簽參考手冊

W3School 的標簽參考手冊提供了有關 HTML 元素及其屬性的更多信息。

標簽描述
<p>定義段落。
<br />插入單個折行(換行)。
< 上一頁HTML 標題 HTML 樣式 下一頁 >

beylze編程學院,一個分享編程知識和seo優化知識的網站。跟著beylze一起學習,每天都有進步。

通俗易懂,深入淺出,一篇文章只講一個知識點。

文章不深奧,不需要鉆研,在公交、在地鐵、在廁所都可以閱讀,隨時隨地漲姿勢。

文章不涉及代碼,不燒腦細胞,人人都可以學習。

當你決定關注beylze(公眾號:beylze),你已然超越了90%的其他從業者!

優秀教程

国产亚洲欧美日韩