什麼是 HTML？
HTML即超文字標記語言 (Hyper Text Markup Language)， 是用來描述網頁的一種語言。
超文字標記語言的結構包括"頭"部分（外語：Head）、和"主體"部分（外語：Body）， 其中"頭"部提供關於網頁的資訊，
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
如下代碼：
例子解釋:
與 之間的文本描述網頁
與 之間的文本是可見的頁面內容與
之間的文本被顯示為標題與
之間的文本被顯示為段落HTML 元素
HTML 文檔是由 HTML 元素定義的。
HTML 元素指的是從開始標籤（start tag）到結束標籤（end tag）的所有代碼。
開始標籤元素內容結束標籤This is a paragraph
This is a link注釋：開始標籤常被稱為開放標籤（opening tag）， 結束標籤常稱為閉合標籤（closing tag）， 大多數 HTML 元素可擁有屬性。
空的 HTML 元素：
沒有內容的 HTML 元素被稱為空元素。 在 XHTML、XML 以及未來版本的 HTML 中， 所有元素都必須被關閉。
在開始標籤中添加斜杠，
比如:
就是沒有關閉標籤的空元素, 而
是關閉空元素的正確方法，
即使
在所有流覽器中都是有效的，
但使用
其實是更長遠的保障。
HTML 提示：使用小寫標籤
HTML 標籤對大小寫不敏感：
等同於
。 許多網站都使用大寫的 HTML 標籤。
W3School 使用的是小寫標籤， 因為萬維網聯盟（W3C）在 HTML 4 中推薦使用小寫， 而在未來 (X)HTML 版本中強制使用小寫。
HTML 屬性
HTML 標籤可以擁有屬性。 屬性提供了有關 HTML 元素的更多的資訊。
屬性總是以名稱/值對的形式出現， 比如：name="value"。
屬性總是在 HTML 元素的開始標籤中規定。
屬性實例:
HTML 連結由 標籤定義。 連結的位址在 href 屬性中指定：
This is a link注釋：屬性值應該始終被包括在引號內。 雙引號是最常用的， 不過使用單引號也沒有問題。 在某些個別的情況下， 比如屬性值本身就含有雙引號， 那麼您必須使用單引號， 例如：name='Bill "HelloWorld" Gates'。
HTML 提示：使用小寫屬性
屬性和屬性值對大小寫不敏感。
不過， 萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。
而新版本的 (X)HTML 要求使用小寫屬性。
一些常見HTML屬性:
屬性值描述classclassname規定元素的類名（classname）idid規定元素的唯一 idstylestyle_definition規定元素的行內樣式（inline style）titletext規定元素的額外資訊（可在工具提示中顯示）HTML 編輯器
使用 Notepad 或 TextEdit 來編寫 HTML
可以使用專業的 HTML 編輯器來編輯 HTML：
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
HTML 標題
標題（Heading）是通過
- 等標籤進行定義的。
This is a heading
定義最大的標題。
This is a heading
定義最小的標題。
注釋：流覽器會自動地在標題的前後添加空行。
注釋：預設情況下， HTML 會自動地在塊級元素前後添加一個額外的空行， 比如段落、標題元素前後。
標題很重要
請確保將 HTML heading 標籤只用於標題。 不要僅僅是為了產生粗體或大號的文本而使用標題。
搜尋引擎使用標題為您的網頁的結構和內容編制索引。
因為用戶可以通過標題來快速流覽您的網頁， 所以用標題來呈現文檔結構是很重要的。
應該將 h1 用作主標題（最重要的）， 其後是 h2（次重要的）， 再其次是 h3， 以此類推。
HTML 水平線
標籤在 HTML 頁面中創建水平線。
hr 元素可用於分隔內容。
例子：
This is a paragraph
頁面上顯示為:
This is a paragraph
This is a paragraph
This is a paragraph
提示: 使用水平線 (
標籤) 來分隔文章中的小節是一個辦法（但並不是唯一的辦法）。
HTML 段落
可以把 HTML 文檔分割為若干段落， 段落是通過
標籤定義的。
如下代碼：
This is a paragraph
注釋：流覽器會自動地在段落的前後添加空行。 （
是塊級元素）
提示：使用空的段落標記
去插入一個空行是個壞習慣。 用標籤代替它！（但是不要用
標籤去創建列表。 不要著急，
不要忘記結束標籤
即使忘了使用結束標籤， 大多數流覽器也會正確地將 HTML 顯示出來：
如下代碼：
This is a paragraph
上面的例子在大多數流覽器中都沒問題， 但不要依賴這種做法。 忘記使用結束標籤會產生意想不到的結果和錯誤。
注釋：在未來的 HTML 版本中， 不允許省略結束標籤。
提示：通過結束標籤來關閉 HTML 是一種經得起未來考驗的 HTML 編寫方法。 清楚地標記某個元素在何處開始， 並在何處結束， 不論對您還是對流覽器來說， 都會使代碼更容易理解。
HTML 折行
如果您希望在不產生一個新段落的情況下進行換行（新行），
請使用
標籤：
This is
a para
graph with line breaks
注釋：
元素是一個空的 HTML 元素。
由於關閉標籤沒有任何意義，
因此它沒有結束標籤。
還是
您也許發現
與
很相似。
在 XHTML、XML 以及未來的 HTML 版本中，不允許使用沒有結束標籤（閉合標籤）的 HTML 元素。
即使
在所有流覽器中的顯示都沒有問題，使用
也是更長遠的保障。
HTML 輸出 - 有用的提示
我們無法確定 HTML 被顯示的確切效果。螢幕的大小，以及對視窗的調整都可能導致不同的結果。
對於 HTML，您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當顯示頁面時，流覽器會移除原始程式碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是，HTML 代碼中的所有連續的空行（換行）也被顯示為一個空格。
如下代碼：
輸出結果:
春眠不覺曉， 處處聞啼鳥。 夜來風雨聲， 花落知多少。
練習題
1.以下關於標題的說法哪種是錯誤的？
A預設情況下，HTML 會自動地在塊級元素前後添加一個額外的空行
B使用標題僅僅是為了產生粗體或大號的文本
C搜尋引擎使用標題為您的網頁的結構和內容編制索引
2.下面幾個標題哪個權重最高，最主要？
A
This is a heading
B
This is a heading
C
This is a heading
3.預設情況下，HTML 會自動地在塊級元素前後添加一個額外的空行,這個說法對嗎？
A對
B錯
4.以下關於段落的做法哪種是正確的？
A
This is a paragraph
B使用空的段落標記
去插入一個空行C
This is a paragraph
5.下列折行標籤使用正確的是？
A
This is
a para graph with line breaks
B
This is
a para
graph with line breaks
C
This is a paragraph graph with line breaks
6.下列說法正確的是？
A可以通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果
B使用
標籤來折行
C使用空的段落標記
去插入一個空行是個好習慣您也許發現
與
很相似。
在 XHTML、XML 以及未來的 HTML 版本中，不允許使用沒有結束標籤（閉合標籤）的 HTML 元素。
即使
在所有流覽器中的顯示都沒有問題，使用
也是更長遠的保障。
HTML 輸出 - 有用的提示
我們無法確定 HTML 被顯示的確切效果。螢幕的大小，以及對視窗的調整都可能導致不同的結果。
對於 HTML，您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當顯示頁面時，流覽器會移除原始程式碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是，HTML 代碼中的所有連續的空行（換行）也被顯示為一個空格。
如下代碼：
輸出結果:
春眠不覺曉， 處處聞啼鳥。 夜來風雨聲， 花落知多少。
練習題
1.以下關於標題的說法哪種是錯誤的？
A預設情況下，HTML 會自動地在塊級元素前後添加一個額外的空行
B使用標題僅僅是為了產生粗體或大號的文本
C搜尋引擎使用標題為您的網頁的結構和內容編制索引
2.下面幾個標題哪個權重最高，最主要？
A
This is a heading
B
This is a heading
C
This is a heading
3.預設情況下，HTML 會自動地在塊級元素前後添加一個額外的空行,這個說法對嗎？
A對
B錯
4.以下關於段落的做法哪種是正確的？
A
This is a paragraph
B使用空的段落標記
去插入一個空行C
This is a paragraph
5.下列折行標籤使用正確的是？
A
This is
a para graph with line breaks
B
This is
a para
graph with line breaks
C
This is a paragraph graph with line breaks
6.下列說法正確的是？
A可以通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果
B使用
標籤來折行
C使用空的段落標記
去插入一個空行是個好習慣