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