一个都不能少，常见HTML标签详解

2023-11-22 01:24:40

从诞生之初至今，HTML已成为全球使用最广泛的网页制作语言，在web前端开发中占据绝对主导地位，99%的网站都需要用到它。HTML由一系列元素组成，元素由元素名称和元素内容两部分组成。元素名称用尖括号标识，元素内容用尖括号包裹在元素名称之间。

1. 基本标签

基本标签包括html标签、head标签、body标签、title标签、meta标签、link标签、script标签、style标签等。其中，html标签是根标签，所有其他标签都是它的子标签。head标签包含页面的元数据，如页面标题、作者、、关键词等。body标签包含页面的正文内容。title标签是页面的标题，显示在浏览器的标题栏中。meta标签是元标签，用于提供页面的元数据，如页面的作者、、关键词等。link标签用于链接外部资源，如CSS文件、JavaScript文件等。script标签用于嵌入脚本，如JavaScript代码。style标签用于定义页面的样式，如字体、颜色、背景等。

2. 文本标签

文本标签包括p标签、h1标签、h2标签、h3标签、h4标签、h5标签、h6标签、br标签、hr标签等。p标签用于定义段落。h1标签、h2标签、h3标签、h4标签、h5标签、h6标签用于定义标题，其中h1标签是最高级别的标题，h6标签是最低级别的标题。br标签用于换行。hr标签用于插入一条水平线。

3. 链接标签

链接标签包括a标签、area标签、link标签等。a标签用于定义超链接，area标签用于定义图像中的热点区域，link标签用于链接外部资源，如CSS文件、JavaScript文件等。

4. 图像标签

图像标签包括img标签、map标签等。img标签用于插入图像，map标签用于定义图像中的热点区域。

5. 列表标签

列表标签包括ul标签、ol标签、li标签等。ul标签用于定义无序列表，ol标签用于定义有序列表，li标签用于定义列表项。

6. 表格标签

表格标签包括table标签、tr标签、td标签、th标签等。table标签用于定义表格，tr标签用于定义表格行，td标签用于定义表格数据单元格，th标签用于定义表格标题单元格。

7. 表单标签

表单标签包括form标签、input标签、select标签、textarea标签等。form标签用于定义表单，input标签用于定义输入框，select标签用于定义下拉列表，textarea标签用于定义文本域。