HTML 标签列表

HTML 标签

HTML 标签就像关键字,它定义了 Web 浏览器将如何格式化和显示内容。借助标签,Web 浏览器可以区分 HTML 内容和简单内容。HTML 标签包含三个主要部分:开始标签、内容和结束标签。但是一些 HTML 标签是未封闭的标签。

当 Web 浏览器读取 HTML 文档时,浏览器会从上到下从左到右读取它。HTML 标签用于创建 HTML 文档并呈现其属性。每个 HTML 标签都有不同的属性。

HTML 文件必须具有一些基本标签,以便 Web 浏览器可以区分简单文本和 HTML 文本。您可以根据代码要求使用任意数量的标签。

  • 所有 HTML 标签都必须包含在 < > 这些括号内。

  • HTML 中的每个标签执行不同的任务。

  • 如果你使用了一个开始标签<tag>,那么你必须使用一个结束标签</tag>(除了一些标签)


句法 (Syntax)

<tag> 内容</tag>

HTML 标签示例

注意:HTML 标签总是以小写字母书写。基本的 HTML 标签如下:

例子 (Example)

<!DOCTYPE>
<html>  
<body>  
<p> 标题标签 </p>
<h2> Heading Tag </h2>
<b> 粗体标签 </b>
<i> 斜体标签 </i>
<u> 下划线标签</u>
</body>  
</html>
        自己试试 »

未封闭的 HTML 标签

一些 HTML 标签没有关闭,例如 br 和 hr。

<br> 标签:br代表break line,它对代码行进行断行。

<hr> 标签: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 标签的完整列表。

注意:这里代表 HTML5 中新添加的元素。

字母表的 HTML 标签


标签名描述
<!-- -->此标签用于在 HTML 文档中应用注释。
<!DOCTYPE>此标签用于指定 HTML 的版本
A
<a>它被称为锚标记,它创建一个超链接或链接。
<abbr>它定义了短语或更长单词的缩写。
<acronym>它定义了单词的首字母缩写词。(HTML5 不支持)
<address>它定义了 HTML 文章的作者联系方式
<applet>它定义了一个嵌入式 Java 小程序。(HTML5 不支持)
<area>它定义了图像映射的区域。
<article>它定义了自包含的内容。
<aside>它定义了除主要内容之外的内容。主要表现为侧边栏。
<audio>它用于在 HTML 文档中嵌入声音内容。
B
<bold>它用于使文本加粗。
<base>此标签定义文档中所有相对 URL 的基本 URL。
<basefont>此标签用于为文档的所有元素设置默认字体、大小和颜色。(HTML5 不支持)
<bdi>此标记用于为可能与周围文本以不同方向格式化的那部分文本提供隔离。
<bdo>它用于覆盖当前文本方向。
<big>此标记用于使字体大小比其周围内容大一级。(HTML5 不支持)
<blockquote>它用于定义从另一个来源获取的内容。
<body>它用于定义 HTML 文档的正文部分。
<br>它用于应用单换行符。
<button>它用于表示可点击的按钮
C
<canvas>它用于在 Web 文档中提供图形空间。
<caption>它用于定义表格的标题。
<center>它用于将内容居中对齐。(HTML5 不支持)
<cite>它用于定义作品、书籍、网站等的标题。
<code>它用于在 HTML 文档中显示部分编程代码。
<col>它在表中定义了一个列,表示列的公共属性并与 <colgroup> 元素一起使用。
<colgroup>它用于定义表中的列组。
D
<data>它用于将内容与机器可读的翻译联系起来。
<datalist>它用于为输入选项提供预定义列表。
<dd>它用于提供描述列表中术语的定义/描述。
<del>它定义了已从文档中删除的文本。
<details>它定义了用户可以查看或隐藏的其他详细信息。
<dfn>它用于表示在句子/短语中定义的术语。
<dialog>它定义了一个对话框或其他交互组件。
<dir>它用作文件目录列表的容器。(HTML5 不支持)
<div>它定义了 HTML 文档中的一个部门或部分。
<dl>它被起诉定义一个描述列表。
<dt>它用于定义描述列表中的术语。
E
<em>它用于强调在此元素中应用的内容。
<embed>它用作外部文件/应用程序/媒体等的嵌入式容器。
F
<fieldset>它用于对 Web 表单中的相关元素/标签进行分组。
<figcaption>它用于为 <figure> 元素添加标题或解释。
<figure>它用于定义自包含的内容,s 多指单个单元。
<font>它定义了内容的字体、大小、颜色和外观。(HTML5 不支持)
<footer>它定义了网页的页脚部分。
<form>它用于定义 HTML 表单。
<frame>它定义了可以包含另一个 HTML 文件的网页的特定区域。(HTML5 不支持)
<frameset>它定义了一组帧。(HTML5 不支持)
H
<h1> 到 <h6>它定义了 HTML 文档从 1 级到 6 级的标题。
<head>它定义了 HTML 文档的头部部分。
<header>它定义了一个部分或网页的标题。
<hr>它用于在段落级元素之间应用主题中断。
<html>它代表 HTML 文档的根。
J
<i>它用于以某种不同的声音表示文本。
<iframe>它定义了一个可以嵌入其他内容的内联框架。
<image>它用于在 HTML 文档中插入图像。
<input>它定义了 HTML 表单中的输入字段。
<ins>它表示已插入 HTML 文档中的文本。
<isindex>用于显示当前文档的搜索字符串。(HTML5 不支持)
K
<kbd>它用于定义键盘输入。
L
<label>它为表单的输入字段定义了一个文本标签。
<legend>它定义了 <fieldset> 内容的标题
<li>它用于表示列表中的项目。
<link>它表示当前文档和外部资源之间的关系。
M
<main>它表示 HTML 文档的主要内容。
<map>它定义了一个带有活动区域的图像映射。
<mark>它代表突出显示的文本。
<marquee>它用于水平或垂直插入滚动文本或图像。(HTML5 不支持)
<menu>它用于创建命令菜单列表。
<meta>它定义了 HTML 文档的元数据。
<meter>它定义了具有已知范围或分数值的标量测量。
N
<nav>它代表页面的部分来代表导航链接。
<noframes>它提供了在不支持 <frame> 元素的浏览器中表示的替代内容。(HTML5 不支持)
<noscript>如果浏览器不支持脚本类型,它会提供替代内容。
O
<object>它用于在 HTML 文件中嵌入一个对象。
<ol>它定义了一个有序的项目列表。
<optgroup>它用于对下拉列表的选项进行分组。
<option>它用于定义下拉列表中的选项或项目。
<output>它用作可以显示计算结果的容器元素。
P
<p>它代表 HTML 文档中的一个段落。
<param>它定义了 <object> 元素的参数
<picture>它定义了多个源元素和一个图像元素。
<pre>它定义了 HTML 文档中的预格式化文本。
<progress>它定义了 HTML 文档中任务的进度。
Q
<q>它定义了短内联引用。
R
<rp>如果浏览器不支持 ruby 注释,它会定义替代内容。
<rt>它定义了 ruby 注释中的解释和发音。
<ruby>它用于表示 ruby 注释。
S
<s>它呈现不再正确或相关的文本。
<samp>它用于表示计算机程序的样本输出。
<script>它用于在 HTML 文档中声明 JavaScript。
<section>它定义了文档的通用部分。
<select>它代表一个提供选项菜单的控件。
<small>它用于使文本字体比文档的基本字体小一号。
<source>它为<picture>、<video> 和<audio> 元素等不同的媒体元素定义了多种媒体资源。
<span>它用于内联样式和分组。
<strike>它用于通过文本呈现罢工。(HTML5 不支持)
<strong>它用于定义重要的文本。
<style>它用于包含 HTML 文档的样式信息。
<sub>它定义了一个显示为下标文本的文本。
<summary>它定义了可与 <details> 标签一起使用的摘要。
<sup>它定义了一个表示为上标文本的文本。
<svg>它用作 SVG(可缩放矢量图形)的容器。
T
<table>它用于以表格形式呈现数据或在 HTML 文档中创建表格。
<tbody>它表示 HTML 表格的正文内容,并与 <thead> 和 <tfoot> 一起使用。
<td>它用于定义包含表格数据的 HTML 表格的单元格
<template>它用于包含在页面加载时不会显示的客户端内容,并且可能会在稍后使用 JavaScript 呈现。
<textarea>用于定义多行输入,如评论、反馈、评论等。
<tfoot>它定义了 HTML 表格的页脚内容。
<th>它定义了 HTML 表格的头部单元格。
<thead>它定义了 HTML 表格的标题。它与 <tbody> 和 <tfoot> 标签一起使用。
<time>它用于在 HTML 文档中定义数据/时间。
<title>它定义了 HTML 文档的标题或名称。
<tr>它定义了 HTML 表格中的行单元格
<track>它用于为 <audio> 和 <video> 元素定义文本轨道。
<tt>它用于定义电传文本。(HTML5 不支持)
U
<u>它用于渲染带有下划线的封闭文本。
<ul>它定义了项目的无序列表。
V
<var>它定义了数学或编程上下文中使用的变量名称。
<video>它用于在 HTML 文档中嵌入视频内容
W
<br>它定义了文本中可以使用换行符的位置。


上一主题 HTML 构建模块 下一主题 HTML 属性
  • 使用社交账号登录,本站支持
全部评论(0)