什麼是HTML?
HTML 是用來描述網頁的一種語言。
- HTML 指的是超文本標記語言: HyperText Markup Language
- HTML 不是一種編程語言，而是一種標記語言
- 標記語言是一套標記標籤 (markup tag)
- HTML 使用標記標籤來描述網頁
- HTML 文檔包含了HTML 標籤及文本內容
- HTML文檔也叫做 web 頁面
HTML標籤
HTML 標記標籤通常被稱爲 HTML 標籤 (HTML tag)。
- HTML 標籤是由尖括號包圍的關鍵詞，比如
<html> - HTML 標籤通常是成對出現的，比如
<b>和</b> - 標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
- 開始和結束標籤也被稱爲開放標籤和閉合標籤
HTML元素
HTML 文檔由 HTML 元素定義。”HTML 標籤” 和 “HTML 元素” 通常都是描述同樣的意思，但是嚴格來講, 一個 HTML 元素包含了開始標籤與結束標籤。
不要忘記結束標籤，閉合標籤
HTML空元素
沒有內容的 HTML 元素被稱爲空元素。空元素是在開始標籤中關閉的。
<br>就是沒有關閉標籤的空元素（<br> 標籤定義換行）。
在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
在開始標籤中添加斜槓，比如 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠的保障。
HTML 提示：使用小寫標籤
HTML 標籤對大小寫不敏感：<P> 等同於 <p>。許多網站都使用大寫的 HTML 標籤。萬維網聯盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強制使用小寫。
HTML屬性
- HTML 元素可以設置屬性
- 屬性可以在元素中添加附加信息
- 屬性一般描述於開始標籤
- 屬性總是以名稱/值對的形式出現，比如：name=”value”。
HTML 屬性常用引用屬性值
屬性值應該始終被包括在引號內。雙引號是最常用的，不過使用單引號也沒有問題。
提示: 在某些個別的情況下，比如屬性值本身就含有雙引號，那麼您必須使用單引號，例如：name=’John “ShotGun” Nelson’
HTML 提示：使用小寫屬性
屬性和屬性值對大小寫不敏感。不過，萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。而新版本的 (X)HTML 要求使用小寫屬性。
HTML 屬性參考手冊
下面列出了適用於大多數 HTML 元素的屬性：
更多HTML全局屬性參考：http://www.runoob.com/tags/ref-standardattributes.html
HTML版本
從初期的網絡誕生後，已經出現了許多HTML版本:
<!DOCTYPE> 聲明
聲明有助於瀏覽器中正確顯示網頁。
網絡上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網頁內容。
<!DOCTYPE> 標籤沒有結束標籤，doctype 聲明是不區分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>通用聲明
HTML5
<!DOCTYPE html>HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候我們就需要在頭部將字符聲明爲 UTF-8。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>頁面標題</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>更完整的HTML <!DOCTYPE> 聲明
瀏覽器支持
所有主流瀏覽器都支持 聲明。
標籤定義及使用說明
<!DOCTYPE> 聲明位於文檔中的最前面的位置，處於 <html> 標籤之前。
<!DOCTYPE> 聲明不是一個 HTML 標籤；它是用來告知 Web 瀏覽器頁面使用了哪種 HTML 版本。
在 HTML 4.01 中，<!DOCTYPE> 聲明需引用 DTD （文檔類型聲明），因爲 HTML 4.01 是基於 SGML （Standard Generalized Markup Language 標準通用標記語言）。DTD 指定了標記語言的規則，確保了瀏覽器能夠正確的渲染內容。HTML5 不是基於 SGML，因此不要求引用 DTD。
提示：總是給您的 HTML 文檔添加 <!DOCTYPE> 聲明，確保瀏覽器能夠預先知道文檔類型。
HTML 4.01 與 HTML5之間的差異
HTML 4.01 規定了三種不同的 聲明，分別是：Strict、Transitional 和 Frameset。 HTML5 中僅規定了一種：
<!DOCTYPE html>常見的 DOCTYPE 聲明
HTML 5
<!DOCTYPE html>HTML 4.01 Strict
這個 DTD 包含所有 HTML 元素和屬性，但不包括表象或過時的元素（如 font ）。框架集是不允許的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">HTML 4.01 Transitional
這個 DTD 包含所有 HTML 元素和屬性，包括表象或過時的元素（如 font ）。框架集是不允許的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">HTML 4.01 Frameset
這個 DTD 與 HTML 4.01 Transitional 相同，但是允許使用框架集內容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">XHTML 1.0 Strict
這個 DTD 包含所有 HTML 元素和屬性，但不包括表象或過時的元素（如 font ）。框架集是不允許的。結構必須按標準格式的 XML 進行書寫。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">XHTML 1.0 Transitional
這個 DTD 包含所有 HTML 元素和屬性，包括表象或過時的元素（如 font ）。框架集是不允許的。結構必須按標準格式的 XML 進行書寫。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">XHTML 1.0 Frameset
這個 DTD 與 XHTML 1.0 Transitional 相同，但是允許使用框架集內容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">XHTML 1.1
這個 DTD 與 XHTML 1.0 Strict 相同，但是允許您添加模塊（例如爲東亞語言提供 ruby 支持）。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">