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