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>

输出

uTools_1686048403417.png

未闭合的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中的合适位置插入换行符,以避免超出边界。

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML高级教程, HTML面试题, HTML笔试题, HTML编程思想