共計 1413 個字符，預計需要花費 4 分鐘才能閱讀完成。

HTML（Hyper Text Markup Language）是一種標記語言，旨在用于創建和呈現網頁的內容。它是一種基礎技術，用于構建 Web 頁面和應用程序。HTML 通過使用標記（tag）來描述頁面內容，例如段落、標題、列表等等。隨著 Web 的發展，HTML 也在不斷更新和演變，目前最新版本是 HTML5。

HTML 的主要作用是定義 Web 頁面的結構和內容。HTML 標記提供了一種結構化方式來組織文本、圖像和其他媒體，使得頁面內容易于閱讀和理解。HTML 還可以通過鏈接（link）和表單（form）來支持頁面間的交互和數據傳輸。

HTML 的語法和基本結構

HTML 的語法比較簡單，主要由標記和屬性（attribute）組成。標記通常采用尖括號（）包圍，屬性則以名稱和值的形式出現。下面是一個簡單的 HTML 頁面的基本結構：

“`

頁面內容

上面的代碼中，“ 定義了文檔類型，告訴瀏覽器使用 HTML5 解析頁面。“ 標記表示文檔的根元素，包含整個頁面。“ 標記用于定義頁面的元數據，例如頁面標題、樣式表、腳本等等。“ 標記則包含頁面的主體內容。

HTML 的常用標記

HTML 提供了許多常用的標記來定義頁面的結構和內容。以下是一些常用標記的介紹：

標題標記

HTML 提供了 6 個級別的標題標記（`

`~`

`），分別用于表示不同級別的標題。例如：

這是一級標題

這是二級標題

段落標記

HTML 使用 `

` 標記來表示段落。例如：

這是一個段落。

這是另一個段落。

鏈接標記

HTML 使用 “ 標記來創建鏈接。鏈接可以指向其他頁面、文檔或 Web 資源。例如：

百度

圖像標記

HTML 使用 “ 標記來插入圖像。例如：

列表標記

HTML 提供了兩種類型的列表標記：有序列表（`

`）和無序列表（`
`）。例如：
• 列表項 1
• 列表項 2
• 有序列表項 1
• 有序列表項 2

HTML 和 CSS 的關系

HTML 定義了頁面的結構和內容，但是對于頁面的樣式和布局，需要使用 CSS（Cascading Style Sheets）來實現。CSS 是一種樣式表語言，用于描述頁面的外觀和格式。CSS 可以通過選擇器（selector）和屬性（property）來控制頁面元素的樣式和布局。

下面的 CSS 代碼可以將所有頁面中的標題元素（`

`~`

`）的顏色設置為紅色：

h1, h2, h3, h4, h5, h6 {

color: red;

}

HTML 和 CSS 的分離是 Web 開發中的一項基本原則，它可以使得頁面的內容和樣式更清晰明了，便于維護和修改。

HTML5 的新特性

HTML5 是 HTML 的最新版本，引入了許多新的特性和功能，包括：

語義化標記

HTML5 引入了一些新的語義化標記，例如 `

`、`