HTML标签 - 珊瑚贝

本文概述

句法
HTML标签示例
未封闭的HTML标签
HTML元标记
HTML文字标签
HTML链接标签
HTML图像和对象标签
HTML列表标签
HTML表格标签
HTML表单标签
HTML脚本标记
HTML标签列表

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

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

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

所有HTML标记必须包含在这些括号内。
HTML中的每个标签执行不同的任务。
如果你使用了开放标签<tag>, 则必须使用封闭标签</ tag>（某些标签除外）

句法

HTML标签示例

注意：HTML标记始终以小写字母书写。基本的HTML标签如下：


<p> Paragraph Tag </p>
<h2> Heading Tag </h2>
<b> Bold Tag </b>
<i> Italic Tag </i>
<u> Underline Tag</u>

立即测试

未封闭的HTML标签

某些HTML标记未关闭, 例如br和hr。

<br>标签：br代表换行符, 它折断了代码行。

<hr>标记：hr代表水平尺。此标记用于在网页上放置一行。

HTML元标记

DOCTYPE, 标题, 链接, 元和样式

HTML文字标签

HTML链接标签

HTML图像和对象标签

HTML列表标签

HTML表格标签

表, tr, td, th, tbody, thead, tfoot, col, colgroup和caption

HTML表单标签

表单, 输入, 文本区域, 选择, 选项, optgroup, 按钮, 标签, 字段集和图例

HTML脚本标记

脚本和脚本

注意：我们将在以后的章程中看到使用这些标签的示例。

HTML标签列表

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

注意：此处表示HTML5中新添加的Elements。

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>	它定义了内容的字体, 大小, 颜色和外观。（HTML5不支持）
<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>	它用于表示红宝石注释。
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>	它定义了文本中可能存在折线的位置。