HTML 基礎(chǔ)教程

HTML 媒體

HTML 參考手冊(cè)

HTML5 基礎(chǔ)教程

HTML5 API

HTML5 媒體

HTML 元素

HTML 文檔由 HTML 元素定義。

HTML 元素

HTML 元素指的是從開(kāi)始標(biāo)簽(start tag)到結(jié)束標(biāo)簽(end tag)的所有代碼。

開(kāi)始標(biāo)簽 *元素內(nèi)容結(jié)束標(biāo)簽 *
<p>這是一個(gè)網(wǎng)頁(yè)段落</p>
<a href="index.html">這是一個(gè)超鏈接</a>
<br>換行標(biāo)簽 

*開(kāi)始標(biāo)簽常被稱為起始標(biāo)簽(opening tag),結(jié)束標(biāo)簽常稱為閉合標(biāo)簽(closing tag)。

HTML 元素語(yǔ)法

  • HTML 元素以開(kāi)始標(biāo)簽起始

  • HTML 元素以結(jié)束標(biāo)簽終止

  • 元素的內(nèi)容是開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容

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

  • 空元素在開(kāi)始標(biāo)簽中進(jìn)行關(guān)閉(以開(kāi)始標(biāo)簽的結(jié)束而結(jié)束)

  • 大多數(shù) HTML 元素可擁有屬性

注釋: 您將在本教程的下一章中學(xué)習(xí)更多有關(guān)屬性的內(nèi)容。

嵌套的 HTML 元素

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

HTML 文檔由嵌套的 HTML 元素構(gòu)成。

HTML 文檔示例

<!DOCTYPE html> <html> <body> <p>這是第一個(gè)段落。</p> </body> </html>

以上示例包含了三個(gè) HTML 元素。

HTML 示例解析

<p> 元素:

<p>這是第一個(gè)段落。</p>

這個(gè) <p> 元素定義了 HTML 文檔中的一個(gè)段落。 這個(gè)元素?fù)碛幸粋€(gè)開(kāi)始標(biāo)簽  <p> 以及一個(gè)結(jié)束標(biāo)簽 </p>. 元素內(nèi)容是: 這是第一個(gè)段落。

<body> 元素:

<body> <p>這是第一個(gè)段落。</p> </body>

<body> 元素定義了 HTML 文檔的主體。 這個(gè)元素?fù)碛幸粋€(gè)開(kāi)始標(biāo)簽 <body> 以及一個(gè)結(jié)束標(biāo)簽 </body>。 元素內(nèi)容是另一個(gè) HTML 元素(p 元素)。

<html> 元素:

<html> <body> <p>這是第一個(gè)段落。</p> </body> </html>

<html> 元素定義了整個(gè) HTML 文檔。 這個(gè)元素?fù)碛幸粋€(gè)開(kāi)始標(biāo)簽 <html> ,以及一個(gè)結(jié)束標(biāo)簽 </html>. 元素內(nèi)容是另一個(gè) HTML 元素(body 元素)。

不要忘記結(jié)束標(biāo)簽

即使您忘記了使用結(jié)束標(biāo)簽,大多數(shù)瀏覽器也會(huì)正確地顯示 HTML:

<p>這是一個(gè)段落
<p>這是一個(gè)段落

以上示例在瀏覽器中也能正常顯示,因?yàn)殛P(guān)閉標(biāo)簽是可選的。

但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生不可預(yù)料的結(jié)果或錯(cuò)誤。

HTML 空元素

沒(méi)有內(nèi)容的 HTML 元素被稱為空元素??赵厥窃陂_(kāi)始標(biāo)簽中關(guān)閉的。

<br> 就是沒(méi)有關(guān)閉標(biāo)簽的空元素(<br> 標(biāo)簽定義換行)。

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

在開(kāi)始標(biāo)簽中添加斜杠,比如 <br />,是關(guān)閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 兼容性會(huì)更好,建議大家使用<br />換行標(biāo)簽。

HTML 提示:使用小寫(xiě)標(biāo)簽

HTML 標(biāo)簽對(duì)大小寫(xiě)不敏感:<P> 等同于 <p>。許多網(wǎng)站都使用大寫(xiě)的 HTML 標(biāo)簽。

基礎(chǔ)教程使用的是小寫(xiě)標(biāo)簽,因?yàn)槿f(wàn)維網(wǎng)聯(lián)盟(W3C)在 HTML 4 中推薦使用小寫(xiě),而在未來(lái) (X)HTML 版本中強(qiáng)制使用小寫(xiě)。

建議大家在制作網(wǎng)頁(yè)的過(guò)程中,統(tǒng)一使用小寫(xiě)標(biāo)簽。


丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清