HTML教程-HTML标签
HTML标签类似于关键字，它们定义了Web浏览器如何格式化和显示内容。借助标签，Web浏览器可以区分HTML内容和简单内容。HTML标签包含三个主要部分：开标签、内容和闭标签。但是一些HTML标签是未闭合的。
当Web浏览器读取HTML文档时，它从上到下、从左到右进行阅读。HTML标签用于创建HTML文档并渲染其属性。每个HTML标签都有不同的属性。
HTML文件必须具有一些必要的标签，以便Web浏览器可以区分简单文本和HTML文本。根据代码需求，您可以使用任意数量的标签。
- 所有HTML标签必须包含在< >括号中。
- HTML中的每个标签都执行不同的任务。
- 如果使用了开标签<tag>，则必须使用闭标签</tag>（除了某些标签）。
语法
<tag>内容</tag>
HTML标签示例
注意：HTML标签始终使用小写字母编写。以下是基本的HTML标签示例：
<p>段落标签</p>
<h2>标题标签</h2>
<b>粗体标签</b>
<i>斜体标签</i>
<u>下划线标签</u>输出
未闭合的HTML标签
有些HTML标签是未闭合的，例如br和hr。
标签：br代表换行，它在代码中插入换行符。
标签：hr代表水平线。该标签用于在网页中放置一条横线。
HTML元标签
DOCTYPE、title、link、meta和style
HTML文本标签
<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<strong>、<em>、<abbr>、<acronym>、<address>、<bdo>、<blockquote>、<cite>、<q>、<code>、<ins>、<del>、<dfn>、<kbd>、<pre>、<samp>、<var>和<br>HTML链接标签
<a>和<base>HTML图像和对象标签
<img>、<area>、<map>、<param>和<object>HTML列表标签
<ul>、<ol>、<li>、<dl>、<dt>和<dd>HTML表格标签
table、tr、td、th、tbody、thead、tfoot、col、colgroup和caption
HTML表单标签
form、input、textarea、select、option、optgroup、button、label、fieldset和legend
HTML脚本标签
script和noscript
注意：我们将在后面的章节中详细介绍每个标签的功能和用法。
以上是HTML标签的简要概述。HTML标签的列表非常庞大，您可以在类似javatpoint的网站上找到完整的HTML标签列表和说明。需要注意的是，HTML随着时间的推移而不断发展，HTML5引入了新的元素和属性，增强了Web开发的功能。
HTML标签按字母排列
| 标签名称 | 描述和理解 |
|---|---|
<!-- --> | 注释标签，用于在HTML文档中添加注释，不会在浏览器中显示。 |
<!DOCTYPE> | 文档类型声明标签，用于指定当前HTML文档使用的HTML版本。 |
<a> | 锚点标签，用于创建超链接，将文本或图像链接到其他页面或特定位置。 |
<abbr> | 缩写标签，用于定义短语或单词的缩写形式，可提供更简洁的展示和阅读体验。 |
<acronym> | 缩写标签，用于定义单词的缩写形式，但在HTML5中已不推荐使用，建议使用<abbr>标签代替。 |
<address> | 地址标签，用于定义HTML文章的作者联系信息，如姓名、地址、电话号码等。 |
<applet> | Java小程序标签，用于嵌入Java小程序到HTML文档中，但在HTML5中已不推荐使用，建议使用其他技术代替。 |
<area> | 图像区域标签，用于定义图像映射的区域，使特定区域成为可点击区域。 |
<article> | 文章标签，用于定义独立、完整的文章内容，可以独立于页面的其余部分进行分发或重用。 |
<aside> | 侧边栏标签，用于定义与主要内容分离但又相关的内容，通常用于显示辅助信息、引用、广告或其他非主要内容。 |
<audio> | 音频标签，用于在HTML文档中嵌入音频内容，如音乐、语音或音效。 |
<b> | 粗体标签，用于将文本显示为粗体字。 |
<base> | 基础标签，用于指定HTML文档中所有相对URL的基准URL，可影响页面中所有相对链接、图像和脚本的解析。 |
<basefont> | 基础字体标签，用于设置HTML文档中所有元素的默认字体、字体大小和颜色，但在HTML5中已不推荐使用，应使用CSS代替。 |
<bdi> | 双向隔离标签，用于将一段文本的方向与周围文本分隔开，以便独立地设置不同的文本方向，适用于多语言网站的文本展示和布局。 |
<bdo> | 文字方向覆盖标签，用于覆盖当前文本的方向，使其显示为指定的文本方向，可用于实现从左到右或从右到左的文本排列。 |
<big> | 大号字体标签，用于将文本字体大小调整为比周围内容稍大的尺寸，但在HTML5中已不推荐使用，应使用CSS代替。 |
<blockquote> | 块引用标签，用于定义一个长的引用块，可以是其他文档、文章、评论或引用的内容。 |
<body> | 文档主体标签，用于定义HTML文档的主体部分，包含显示在浏览器窗口中的实际内容。 |
<br> | 换行标签，用于在HTML文档中插入单个换行符，创建强制换行效果。 |
<button> | 按钮标签，用于创建可点击的按钮，用于触发特定的操作或交互。 |
<canvas> | 画布标签，用于在HTML文档中创建图形、图表、绘画或其他图形图像。 |
<caption> | 表格标题标签，用于定义表格的标题，通常位于表格上方或左上角。 |
<center> | 居中对齐标签，用于将内容在水平方向上居中对齐，但在HTML5中已不推荐使用，应使用CSS代替。 |
<cite> | 引用标题标签，用于定义引用的标题，如书籍、文章、报告或网页的标题。 |
<code> | 代码标签，用于显示计算机代码片段或程序代码，以等宽字体显示，便于阅读和区分。 |
<col> | 表格列标签，用于定义表格中的列属性，可与<colgroup>元素一起使用。 |
<colgroup> | 表格列组标签，用于定义一组表格列的属性，常与<col>元素结合使用。 |
<data> | 数据标签，用于将数据与机器可读的翻译链接起来，提供数据的语义含义和关联性。 |
<datalist> | 数据列表标签，用于为输入框提供预定义的选项列表，方便用户选择。 |
<dd> | 定义描述标签，用于定义描述列表中的项目描述或定义。 |
<del> | 删除线标签，用于表示文本中被删除或移除的部分，常用于展示编辑前后的差异或版本控制。 |
<details> | 详情标签，用于定义可展开或折叠的详细内容块，用户可以选择性地查看或隐藏详细信息。 |
<dfn> | 定义标签，用于表示在文本中定义的专业术语、词汇或概念的定义。 |
<dialog> | 对话框标签，用于创建对话框或模态窗口，显示交互性的消息、警告或用户输入。 |
<dir> | 目录列表标签，用于创建目录或文件列表，但在HTML5中已不推荐使用，应使用<ul>或<ol>标签代替。 |
<div> | 分割标签，用于将HTML文档划分为独立的、可组合的区块，常用于布局和样式控制。 |
<dl> | 描述列表标签，用于定义描述列表，包含术语和相应的描述。 |
<dt> | 定义标题标签，用于定义描述列表中的项目标题。 |
<em> | 强调标签，用于将文本以斜体字强调显示，表示重要性或情感强调。 |
<embed> | 嵌入标签，用于嵌入各种多媒体内容，如音频、视频、Flash等。 |
<fieldset> | 字段集标签，用于将表单中相关的表单元素组合在一起，形成逻辑分组。 |
<figcaption> | 图片标题标签，用于为<figure>元素定义标题，通常位于图片下方。 |
<figure> | 图片组标签，用于包含一组相关的图像、图表、照片、代码等内容，通常与<figcaption>元素一起使用。 |
<font> | 字体标签，用于设置文本的字体、字体大小和颜色，但在HTML5中已不推荐使用，应使用CSS代替。 |
<footer> | 页脚标签，用于定义HTML文档或文档部分的页脚内容，通常包含版权信息、作者信息、联系方式等。 |
<form> | 表单标签，用于创建用户交互的表单，包含输入字段、按钮、选择框等。 |
<frame> | 框架标签，用于定义HTML文档中的框架，但在HTML5中已不推荐使用，建议使用其他技术代替。 |
<frameset> | 框架集标签，用于定义HTML文档中的框架集，但在HTML5中已不推荐使用，建议使用其他技术代替。 |
<h1>-<h6> | 标题标签，用于定义不同级别的标题，<h1>表示最高级别的标题，<h6>表示最低级别的标题。 |
<head> | 文档头部标签，用于定义HTML文档的头部信息，包含文档标题、样式表、脚本等。 |
<header> | 页眉标签，用于定义HTML文档或文档部分的页眉内容，通常包含标题、导航栏、标志等。 |
<hr> | 水平线标签，用于在HTML文档中插入水平分隔线，用于分隔内容。 |
<html> | HTML根标签，用于定义HTML文档的根元素，包含整个HTML文档的内容。 |
<i> | 斜体标签，用于将文本显示为斜体字。 |
<iframe> | 内嵌框架标签，用于在HTML文档中嵌入另一个HTML文档或外部网页。 |
<img> | 图像标签，用于在HTML文档中插入图像，指定图像的源文件、大小、替代文本等属性。 |
<input> | 输入字段标签，用于在表单中创建各种输入字段，如文本输入框、复选框、单选按钮等。 |
<ins> | 插入标签，用于表示文本中被插入或添加的部分，常用于展示编辑前后的差异或版本控制。 |
<kbd> | 键盘输入标签，用于表示计算机键盘上的按键，以等宽字体显示，便于区分。 |
<label> | 标签标签，用于定义表单元素的标签，与表单元素相关联，提供可点击的标签描述。 |
<legend> | 图例标签，用于为<fieldset>元素定义标题，描述字段集的用途或说明。 |
<li> | 列表项标签，用于定义有序列表（<ol>）或无序列表（<ul>）中的列表项。 |
<link> | 链接标签，用于在HTML文档中引入外部资源，如样式表、图标、脚本等。 |
<main> | 主要内容标签，用于定义HTML文档的主要内容部分，通常是页面中最重要的内容区域。 |
<map> | 图像映射标签，用于定义图像映射的区域和相应的链接，使用户可以点击图像的特定区域。 |
<mark> | 高亮标签，用于将文本以黄色或其他明显的背景颜色高亮显示，用于引起注意或突出显示。 |
<meta> | 元数据标签，用于定义HTML文档的元数据信息，如字符编码、关键词、描述等。 |
<meter> | 测量标签，用于表示已知范围内的数值或测量结果，如进度条、温度、音量等。 |
<nav> | 导航标签，用于定义HTML文档或文档部分的导航链接，通常包含网站的主要导航菜单。 |
<noframes> | 非框架内容标签，用于在不支持框架的浏览器中显示替代内容。 |
<noscript> | 无脚本标签，用于在不支持或禁用脚本的浏览器中提供替代内容，如警告或替代功能。 |
<object> | 对象标签，用于嵌入各种多媒体内容，如音频、视频、Flash等，并指定相关的参数和替代内容。 |
<ol> | 有序列表标签，用于创建有序列表，按照指定的顺序编号或标记列表项。 |
<optgroup> | 选项组标签，用于将相关的选项分组，通常与<select>元素一起使用。 |
<option> | 选项标签，用于定义下拉列表（<select>）或选项组（<optgroup>）中的选项。 |
<output> | 输出标签，用于显示计算结果或脚本输出的内容。 |
<p> | 段落标签，用于定义文本的段落，通常用于将相关文本组织成段落格式。 |
<param> | 参数标签，用于向嵌入的对象提供参数值，用于配置和控制嵌入对象的行为。 |
<picture> | 图片容器标签，用于在不同设备或视口大小下提供不同的图像源，实现响应式图片。 |
<pre> | 预格式化文本标签，用于保留文本中的空白字符和换行符，以保持原始的格式和间距。 |
<progress> | 进度标签，用于表示任务的完成进度，如文件上传进度、下载进度等。 |
<q> | 引用标签，用于引用短小的文本引述，通常包含在引号中。 |
<rp> | 显示标签，用于在不支持或禁用ruby注释的浏览器中提供替代内容。 |
<rt> | ruby文本标签，用于定义ruby注释中的注音或解释性文本。 |
<ruby> | ruby注释标签，用于显示字符的注音、发音或解释，常用于东亚语言的文本注释。 |
<s> | 删除线标签，用于表示文本中被删除或不再准确的部分，但不像<del>那样强调差异。 |
<samp> | 样本输出标签，用于表示计算机程序或脚本的示例输出。 |
<script> | 脚本标签，用于在HTML文档中嵌入或引用客户端脚本，如JavaScript。 |
<section> | 区块标签，用于定义HTML文档的独立区块或部分，通常包含一组相关的内容。 |
<select> | 下拉列表标签，用于创建下拉选择框，用户可以从预定义选项中选择一个或多个值。 |
<small> | 小号字体标签，用于将文本字体大小调整为比周围内容稍小的尺寸，表示次要信息或辅助文本。 |
<source> | 媒体源标签，用于指定<video>、<audio>或<picture>元素的媒体源，包含不同格式和分辨率的备选项。 |
<span> | 区域标签，用于在文本中标记或分组一部分内容，常用于样式控制或脚本操作。 |
<strong> | 强调重点标签，用于将文本以粗体字强调显示，表示更强烈的重要性或情感强调。 |
<style> | 样式表标签，用于在HTML文档中嵌入或引用CSS样式表，定义文档的样式和布局。 |
<sub> | 下标标签，用于将文本显示为下标，通常用于数学公式、化学式或脚注。 |
<summary> | 摘要标签，用于定义<details>元素的摘要或标题，显示在折叠内容的开头。 |
<sup> | 上标标签，用于将文本显示为上标，通常用于数学公式、化学式或注释引用。 |
<svg> | SVG图像标签，用于在HTML文档中嵌入可缩放矢量图形。 |
<table> | 表格标签，用于创建HTML表格，包含行（<tr>）、列（<td>或<th>）和其他表格相关元素。 |
<tbody> | 表格主体标签，用于定义表格的主体内容，通常包含一组表格行。 |
<td> | 表格数据单元格标签，用于定义表格中的数据单元格。 |
<template> | 模板标签，用于定义可重复使用的HTML模板，通过JavaScript或其他脚本引用和克隆模板。 |
<textarea> | 文本区域标签，用于创建多行文本输入框，用户可以输入多行文本或大段文本。 |
<tfoot> | 表格页脚标签，用于定义表格的页脚内容，通常包含表格的汇总、总结等信息。 |
<th> | 表格标题单元格标签，用于定义表格中的标题单元格。 |
<thead> | 表格头部标签，用于定义表格的头部内容，通常包含表格的列标题。 |
<time> | 时间标签，用于表示日期、时间或时间段。 |
<title> | 文档标题标签，用于定义HTML文档的标题，显示在浏览器的标题栏或书签中。 |
<tr> | 表格行标签，用于定义表格中的行。 |
<track> | 媒体轨道标签，用于定义<video>或<audio>元素的文本轨道，如字幕、章节标题或描述。 |
<u> | 下划线标签，用于将文本显示为带下划线的格式。 |
<ul> | 无序列表标签，用于创建无序列表，列表项前没有编号或标记。 |
<var> | 变量标签，用于表示变量或占位符，通常以斜体字显示。 |
<video> | 视频播放器标签，用于在HTML文档中嵌入视频，指定视频的源文件、大小、控制按钮等属性。 |
<wbr> | 单词换行符标签，用于指示在长单词或URL中的合适位置插入换行符，以避免超出边界。 |
