close

html.jpg 

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

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

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


HTML 元素語法

  • HTML元素以開始標籤起始
  • HTML元素以結束標籤終止
  • 元素的內容是開始標籤與結束標籤之間的內容
  • 某些HTML元素具有空內容(empty content)
  • 空元素在開始標籤中進行關閉(以開始標籤的結束而結束)
  • 大多數HTML元素可擁有屬性

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


嵌套的HTML 元素

大多數HTML 元素可以嵌套(可以包含其他HTML 元素)。

HTML 文檔由嵌套的HTML 元素構成。

HTML 文檔實例

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

上面的例子包含三個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>
<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
	

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

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


空的HTML 元素

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

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

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

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

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


HTML 提示:使用小寫標籤

HTML 標籤對大小寫不敏感:<P> 等同於<p>。許多網站都使用大寫的HTML 標籤。

W3School使用的是小寫標籤,因為萬維網聯盟(W3C)在HTML 4中推薦使用小寫,而在未來(X)HTML版本中強制使用小寫。

arrow
arrow
    創作者介紹
    創作者 設計密碼工作室 的頭像
    設計密碼工作室

    Design Code 設計密碼

    設計密碼工作室 發表在 痞客邦 留言(0) 人氣()