共计 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 引入了一些新的语义化标记，例如 `

`、`