HTML标签类似于关键词,它们定义了Web浏览器如何格式化和显示内容。借助标签,Web浏览器可以区分HTML内容和普通内容。HTML标签包含三个主要部分:起始标签、内容和结束标签。但有一些HTML标签是不需要闭合的标签。

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

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

  • 所有HTML标签必须用尖括号(< >)括起来。
  • HTML中的每个标签执行不同的任务。
  • 如果您使用了一个起始标签<标签>,那么您必须使用一个结束标签</标签>(除了一些标签)。

语法

<标签>内容</标签>

HTML标签示例

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

<p> 段落标签 </p> <h2> 标题标签 </h2> <b> 加粗标签</b> <i> 斜体标签 </i> <u> 下划线标签</u> 

未闭合的HTML标签 有些HTML标签不需要闭合,例如br和hr。

<br>标签:br代表换行,它在代码中断开一行。

<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标签列表(包含HTML5

以下是按字母顺序排列的HTML标签的完整列表,附带描述。

标签名称描述
<!– –>用于在HTML文档中添加注释。
<!DOCTYPE>用于指定HTML的版本。
A
<a>被称为锚标签,用于创建超链接或链接。
<abbr>为短语或长单词定义缩写。
<acronym>为单词定义首字母缩写。(在HTML5中不受支持)
<address>定义HTML文章的作者联系信息。
<applet>定义嵌入的Java小程序。(在HTML5中不受支持)
<area>定义图像地图的区域。
<article>定义自包含内容。
<aside>定义主要内容以外的内容。通常表示为侧边栏。
<audio>用于在HTML文档中嵌入音频内容。
B
<b>用于使文本加粗。
<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>用于定义自包含内容,通常表示为单个单元。
<font>用于定义内容的字体、大小、颜色和字体。
<footer>用于定义网页的页脚部分。
<form>用于定义HTML表单。
<frame>定义网页的特定区域,可以包含另一个HTML文件。(在HTML5中不受支持)
<frameset>用于定义框架的组合。(在HTML5中不受支持)
H
<h1> 到 <h6>从级别1到级别6定义HTML文档的标题。
<head>定义HTML文档的头部部分。
<header>用于定义部分或网页的页眉。
<hr>用于在段落级元素之间应用主题性分隔线。
<html>代表HTML文档的根。
I
<i>用于以不同的声音表示文本。
<iframe>定义内联框架,可以嵌入其他内容。
<img>用于在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
<wbr>用于定义文本中可能发生换行的位置。