HTML 教程- (HTML5 標(biāo)準(zhǔn)）

超文本標(biāo)記語(yǔ)言（英語(yǔ)：HyperText Markup Language，簡(jiǎn)稱(chēng)：HTML）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。

您可以使用 HTML 來(lái)建立自己的 WEB 站點(diǎn)，HTML 運(yùn)行在瀏覽器上，由瀏覽器來(lái)解析。

在本教程中，您將學(xué)習(xí)如何使用 HTML 來(lái)創(chuàng)建站點(diǎn)。

1.HTML 實(shí)例

本教程包含了數(shù)百個(gè) HTML 實(shí)例

注意：對(duì)于中文網(wǎng)頁(yè)需要使用<meta charset="utf-8">聲明編碼，否則會(huì)出現(xiàn)亂碼。有些瀏覽器(如 360 瀏覽器)會(huì)設(shè)置 GBK 為默認(rèn)編碼，則你需要設(shè)置為?<meta charset="gdk">。

2.HTML文檔的后綴名

注：在瀏覽器的頁(yè)面上使用鍵盤(pán)上的 F12 按鍵開(kāi)啟調(diào)試模式，就可以看到組成標(biāo)簽。

3.什么是HTML?

• HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。

• HTML 指的是超文本標(biāo)記語(yǔ)言:?HyperText Markup Language。

• HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言。

• HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)。

• HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容

• HTML文檔也叫做 web 頁(yè)面。

4.HTML 標(biāo)簽

• 1.HTML 標(biāo)記標(biāo)簽通常被稱(chēng)為 HTML 標(biāo)簽 (HTML tag)。

• 2.HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞。

• 3.HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的。

• 4.標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽。

• 5.開(kāi)始和結(jié)束標(biāo)簽也被稱(chēng)為開(kāi)放標(biāo)簽和閉合標(biāo)簽。
  <標(biāo)簽>內(nèi)容</標(biāo)簽>

5.HTML 元素

• 1."HTML 標(biāo)簽"?和?"HTML 元素"?通常都是描述同樣的意思。
  但是嚴(yán)格來(lái)講, 一個(gè) HTML 元素包含了開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:

6.Web 瀏覽器

Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁(yè)顯示。
瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來(lái)決定如何展現(xiàn)HTML頁(yè)面的內(nèi)容給用戶(hù)：

7.HTML 網(wǎng)頁(yè)結(jié)構(gòu)

下面是一個(gè)可視化的HTML頁(yè)面結(jié)構(gòu)：

注意：只有 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。