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

`、`