HTML元素
1.什麼是HTML元素
在第一章在介紹標(biāo)籤的時候為了避免概念的混亂,我們簡單介紹了下HTML元素,這裡我們就詳細(xì)開始介紹HTML元素。
HTML 元素指的是從開始標(biāo)籤(start tag)到結(jié)束標(biāo)籤(end tag)的所有程式碼。 HTML網(wǎng)頁其實就是由許許多多各種各樣的HTML元素所構(gòu)成的文字文件,而任何網(wǎng)頁瀏覽器都可以直接執(zhí)行HTML文件。所以可以這樣說,HTML元素就是構(gòu)成HTML檔案的基本對象,HTML元素可以說是一個統(tǒng)稱而已。 HTML元素就是透過使用HTML標(biāo)籤來定義的。
<開始標(biāo)籤>?元素內(nèi)容?<結(jié)束標(biāo)籤>
這就是一個元素:
<p>PHP中文網(wǎng)</p>
2.HTML元素語法
HTML 元素以開始標(biāo)籤起始
HTML 元素以結(jié)束標(biāo)籤終止
元素的內(nèi)容是開始標(biāo)籤與結(jié)束標(biāo)籤之間的內(nèi)容
某些HTML 元素具有空白內(nèi)容(empty content)
空元素在開始標(biāo)籤中進(jìn)行關(guān)閉(以開始標(biāo)籤的結(jié)束而結(jié)束)
大多數(shù)HTML 元素可擁有屬性(下面會講)
3.HTML元素巢狀
範(fàn)例?再把前面的範(fàn)例拿出來,大家先看看,下面這個例子中有幾個元素:
<html> <body> <p>PHP中文網(wǎng)</p> </body> </html>
答案當(dāng)然是三個,應(yīng)該很好理解吧,這就是所謂的嵌套。
4.HTML空白元素
沒有內(nèi)容的 HTML 元素稱為空白元素。 < br> 是沒有關(guān)閉標(biāo)籤的空元素(< br> 標(biāo)籤用來定義換行)。在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須關(guān)閉。在開始標(biāo)籤中加入斜杠,例如< br/>,是關(guān)閉空元素的正確方法,即使< br> 在所有瀏覽器中都是有效的,但使用< br/> 其實是更長遠(yuǎn)的保障,說了那麼多就是想說以後換行就用< br/>。
前面我們從範(fàn)例看出,< p>標(biāo)籤結(jié)束以後也後一個換行的動作,那現(xiàn)在又介紹了下面我來給大家展示下< p>標(biāo)籤和< br>標(biāo)籤的區(qū)別
相同之處是br和p都是有換行的屬性及意思
區(qū)別< br/>是只需一個單獨使用,而< p>和< /p>是一對使用
br標(biāo)籤是小換行提行(相當(dāng)於我們平時文字中輸入一個回車),p標(biāo)籤是大換行(分段,相當(dāng)與兩個回車)各行作用。
下面大家就一起動手看看兩個標(biāo)籤的差異 先來個< br/>換行
##
再來個< p>< /p>換行