做自(zì)由與創造的先行者

HTML 元素

HTML中文(wén)手冊

HTML 文(wén)檔是由 HTML 元素定義的。

HTML 元素

HTML 元素指的是從(cóng)開(kāi)始标簽(start tag)到(dào)結束标簽(end tag)的所有代碼。

注釋:開(kāi)始标簽常被稱爲開(kāi)放(fàng)标簽(opening tag),結束标簽常稱爲閉合标簽(closing tag)。

HTML 元素語法

HTML 元素以開(kāi)始标簽起始

HTML 元素以結束标簽終止

元素的内容是開(kāi)始标簽與結束标簽之間的内容

某些(xiē) HTML 元素具有空(kōng)内容(empty content)

空(kōng)元素在開(kāi)始标簽中進行關閉(以開(kāi)始标簽的結束而結束)

大(dà)多數 HTML 元素可擁有屬性

提示:您将在本教程的下(xià)一章中學習更多有關屬性的内容。

嵌套的 HTML 元素

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

HTML 文(wén)檔由嵌套的 HTML 元素構成。

HTML 文(wén)檔實例

<html>

<body>

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

</body>

</html>

上(shàng)面的例子包含三個 HTML 元素。

HTML 實例解釋

<p> 元素:

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

這(zhè)個 <p> 元素定義了(le) HTML 文(wén)檔中的一個段落。

這(zhè)個元素擁有一個開(kāi)始标簽 <p>,以及一個結束标簽 </p>。

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

<body> 元素:

<body>

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

</body>

<body> 元素定義了(le) HTML 文(wén)檔的主體。

這(zhè)個元素擁有一個開(kāi)始标簽 <body>,以及一個結束标簽 </body>。

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

<html> 元素:

<html>

<body>

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

</body>

</html>

<html> 元素定義了(le)整個 HTML 文(wén)檔。

這(zhè)個元素擁有一個開(kāi)始标簽 <html>,以及一個結束标簽 </html>。

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

不要忘記結束标簽

即使您忘記了(le)使用(yòng)結束标簽,大(dà)多數浏覽器也(yě)會(huì)正确地顯示 HTML:

<p>This is a paragraph

<p>This is a paragraph

上(shàng)面的例子在大(dà)多數浏覽器中都沒問題,但(dàn)不要依賴這(zhè)種做法。忘記使用(yòng)結束标簽會(huì)産生不可預料的結果或錯誤。

注釋:未來(lái)的 HTML 版本不允許省略結束标簽。

空(kōng)的 HTML 元素

沒有内容的 HTML 元素被稱爲空(kōng)元素。空(kōng)元素是在開(kāi)始标簽中關閉的。

<br> 就是沒有關閉标簽的空(kōng)元素(<br> 标簽定義換行)。

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

在開(kāi)始标簽中添加斜杠,比如 <br />,是關閉空(kōng)元素的正确方法,HTML、XHTML 和(hé) XML 都接受這(zhè)種方式。

即使 <br> 在所有浏覽器中都是有效的,但(dàn)使用(yòng) <br /> 其實是更長遠的保障。

HTML 提示:使用(yòng)小(xiǎo)寫标簽

HTML 标簽對(duì)大(dà)小(xiǎo)寫不敏感:<P> 等同于 <p>。許多網站(zhàn)都使用(yòng)大(dà)寫的 HTML 标簽。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:HTML 屬性
上(shàng)一篇:基本的 HTML 标簽 - 四個實例