HTML元素

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/>換行

QQ截图20161205151937.png##

QQ截图20161205151552.png

再來個< p>< /p>換行

QQ截图20161205152156.png

QQ截图20161205151656.png

##這下你以後一定就有對他兩有比較好的把握了吧

繼續學習
||
<html> <head> <title>php</title> </head> <body> <p> 很长一段时间 </br></br> 我非常开心</br></br> 我来到了PHP中文网!</br></br> </p> </body> </html>