HTML 元素

HTML 文件是由 HTML 元素定義的。


HTML 元素

#HTML 元素指的是從開始標籤(start tag)到結束標籤(end tag)的所有代碼。

向下面這樣

  </p>  </p>of     <a href="" >  This is a link    < />
    開始標籤    元素內容    結束標籤
    <p>  This is a paragraph  </p>

  </p>


  </a>
######    <br /> ;###############################    <body>##################################### </body>############

註解:開始標籤常被稱為開放標籤(opening tag),結束標籤常稱為閉合標籤(closing tag)。


HTML 元素語法

  • #HTML 元素以開始標籤起始

  • HTML 元素以結束標籤終止

  • 元素的內容是開始標籤與結束標籤之間的內容

  • 某些HTML 元素具有空內容(empty content)

  • #空白元素在開始標籤中關閉(以開始標籤的結束而結束)

  • 大多數HTML 元素可擁有屬性

提示:您將在本教學的下一章中學習更多有關屬性的內容。


巢狀的 HTML 元素

#大多數 HTML 元素可以巢狀(可以包含其他 HTML 元素)。

HTML 文件由巢狀的 HTML 元素所構成。

<html>
<body>
<p>這裡有三個html元素</p>
</body> ;
</html>

上面的範例包含三個HTML 元素。分別是<p> 元素,<body> 元素,<html> 元素

HTML 實例解釋

<p> 元素:

<p>This is my first paragraph.</p>

這個<p> 元素定義了HTML 文件中的一個段落。

這個元素有一個開始標籤 <p>,以及一個結束標籤 </p>。

元素內容是:This is my first paragraph。


<body> 元素:

<body>
<p>This is my first paragraph.</p>
</body>

#<body> 元素定義了HTML 文件的主體。

這個元素有一個開始標籤 <body>,以及一個結束標籤 </body>。

元素內容是另一個 HTML 元素(p 元素)。


#<html> 元素:



#<html> 元素:


<html>

<body>

<p>This is my first paragraph.</p>###</body>###</ html>###### #########<html> 元素定義了整個HTML 文件。 ###

這個元素有一個開始標籤 <html>,以及一個結束標籤 </html>。

元素內容是另一個 HTML 元素(body 元素)。


不要忘記結束標籤

#即使您忘記了使用結束標籤,大多數瀏覽器也會正確地顯示HTML:

<p>This is a paragraph

<p>This is a paragraph

#實例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>

程式運行結果:

This is a paragraph

This is a paragraph     

#上面的範例在大多數瀏覽器中都沒問題,但不要依賴這個做法。忘記使用結束標籤會產生不可預料的結果或錯誤。


註解

:未來的 HTML 版本不允許省略結束標籤。

空白的 HTML 元素

#沒有內容的 HTML 元素稱為空白元素。空元素是在開始標籤中關閉的。

<br> 就是沒有關閉標籤的空元素(<br> 標籤定義換行)。

在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須關閉。

在開始標籤中加入斜杠,例如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。 提示

HTML 標籤對大小寫不敏感:<P> 等同於<p>,但建議小寫


###########
繼續學習
||
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <body> <p>这里有三个html元素</p> </body> </body> </html>