HTML 段落

2023-05-06 10:19 更新

HTML 開頭


HTML 可以將文檔分割為多個(gè)層次。


HTML 初步

開頭是通過 <p> 標(biāo)簽定義的。

實(shí)例

<p>這是一個(gè)段落</p> 

<p>這是另一個(gè)段落</p>


嘗試一下?

注意:瀏覽器會(huì)自動(dòng)地在先前的前后添加空行。(</p>是塊級(jí)元素)


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

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

實(shí)例

<p>這是一個(gè)段落 
<p>這是另一個(gè)段落

嘗試一下?

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

注釋:在未來的 HTML 版本中,重復(fù)省略結(jié)束標(biāo)簽。


HTML 折行

如果您希望在不產(chǎn)生一個(gè)新起點(diǎn)的情況下進(jìn)行換行(新行),請(qǐng)使用 <br /> 標(biāo)簽。

在 HTML 語(yǔ)言中,<br /> 標(biāo)簽定義為一個(gè)換行符,它可以理解為簡(jiǎn)單的輸入一個(gè)空行,而不是用來對(duì)內(nèi)容進(jìn)行拆分:

實(shí)例

<p>這個(gè)<br>段落<br>演示了分行的效果</p>


嘗試一下?


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


HTML 輸出-使用提醒

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

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

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

嘗試一下

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


本站實(shí)例

HTML初步

如何在瀏覽器中顯示 HTML 進(jìn)行。

換行

在 HTML 文檔中使用換行。

在 HTML 代碼中的布局一首唐詩(shī)

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

更多實(shí)例

更多起點(diǎn)

隨之而來的行為。


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

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

標(biāo)簽 描述
<p>

定義一個(gè)段落
<br> 插入單個(gè)折行(換行)


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)