HTML - 标签参考_HTML 菜鸟教程

带有每个标签的代码示例的 HTML 标签，如表格、表单、锚点、图像、标题、选框、文本区域、段落、标题、引号、格式、div、代码等。

什么是 HTML 标签？

HTML 标记类似于关键字，后者指定 Web 浏览器如何格式化和显示内容。Web 浏览器可以使用标记来区分简单内容和 HTML 内容。HTML 标签必不可少的主要组件是开始标签和结束标签。但是，HTML 中的某些标记未关闭。

HTML Tags

为什么它们很重要？

Web 浏览器从左到右和从上到下查看 HTML 文档。要生成 HTML 文档并呈现其结构，请使用 HTML 标签。每个 HTML 标签都有一组独特的功能。

HTML 标签列表

在这里，我们根据使用情况对标签进行分类，以创建任何特定的组件。

每个标签都带有其他一些标签，除非我们被迫单独使用它们。每个标签在表格的第三列都有自己的示例代码，您可以检查和编辑这些代码以查看结果。

HTML Basic标签

HTML 基本标签是用于定义文档结构的 HTML 的基本元素。这些是用尖括号（< 和 >）括起来的字母或单词。通常，大多数 HTML 标签都包含开始和结束标签。每个标签都有不同的含义，浏览器会读取标签并相应地显示其包含的内容。

以下是下面列出的基本标签：

标签	描述
<!--...-->	定义指定注释。注释是代码中的注释，浏览器不会显示注释。
<!DOCTYPE>	定义文档类型。这是文档类型和 html 版本规范所需的初始声明。
<html>	html 标记是包含所有其他 HTML 标记的容器。它由围绕标签名称的左尖括号和右尖括号组成。
<head>	指定有关文档的信息。Html <head> 是指定为元数据容器的标记。
<title>	指定文档标题。<title> 位于 <head 内> 指定打开网页时出现在浏览器标题栏或选项卡中的简洁描述性标签。
<body>	指定 body 元素。HTML <body> 标记用作网页中所有可见内容的容器。
<h1> 至 <h6>	代表一个部分或整个页面的主标题或小标题。
<p>	指定段落。此标签用作指定网页的文本和内容块的容器。
<br>	插入单个换行符。它是一个自动闭合元素，用于在文本内容中创建强制换行符。
<hr />	指定水平线。它是一个自动闭合元素，用于在网页内容中插入主题分隔符或分隔符。

HTML 格式化标签

HTML 格式化标签是用于构建和设置网页内容样式的元素，从而增强其外观和可读性。这些标记为文本部分添加语义值，并用于设置文本的视觉外观样式。

以下是下面列出的格式标签：

标签	描述
<abbr>	指定缩写。它提供了一种语义和可访问的方式来识别和解释它们的含义。
<address>	指定地址元素。<address> 标记提供了一种语义方式，用于在文档中构建联系人信息或作者的详细信息。
<bdi>	表示必须与其周围环境隔离的文本，以便采用双向文本格式。它允许嵌入具有不同或未知方向性的文本范围
<bdo>	指定文本显示的方向。IT 是一种标记元素，用于指定文档中文本的方向。
<blockquote>	指定长报价单。它是一种结构元素，用于识别和直观地分离网页中的引用内容。
<cite>	指定引文。它是一种语义元素，用于标记文档中引用的创意作品（例如书籍、文章、歌曲或电影）的标题。
<code>	指定计算机代码文本。HTML <code> 标记是一种语义元素，用于标记表示文档中计算机代码的文本部分。
<del>	指定已删除的文本。它是一种语义元素，用于标记已从文档中删除或删除的文本。
<dfn>	指定定义术语。它通常与 <dt> 和 <dd> 标记一起用于 <dl> 元素中
<em>	指定突出显示的文本。HTML 中的 <em> 标记用于强调文本，通常以斜体呈现文本。
<i>	指定斜体文本。HTML 中的 <i> 标记用于将斜体格式应用于文本，主要用于演示目的。
<ins>	指定插入的文本。HTML 中的 <ins> 标记用于标记已插入到文档中的文本。
<KBD>	指定键盘文本。HTML 中的 <kbd> 标记用于指示表示用户输入或键盘输入的文本
<mark>	指定为参考目的而突出显示的文本，即其在另一个上下文中的相关性。
<meter>	HTML 中的 <meter> 标记用于表示预定义范围内的测量值。
<pre>	HTML 中的 <pre> 标记用于定义预格式化文本，该文本的显示方式与 HTML 代码中显示的内容完全相同。
<progress>	HTML 中的 <progress> 标记用于表示任务的进度或操作的完成状态。
<q>	HTML 中的 <q> 标记用于指示段落或文本中的短内联引号。
<rp>	指定显示不支持 ruby 元素的浏览器。
<rt>	HTML 中的 <rt> 标签用于定义 ruby 注解的文本组件
<ruby>	指定 ruby 注解。此标记通常与 <rt> 和 <rp> 标记结合使用。
<s>	它用于呈现带有删除线的文本。<s> 标记指定不再正确、准确或相关的文本
<samp>	它用于将表示计算机程序或脚本的示例输出的内联文本括起来。
<small>	HTML 中的 <small> 标记用于指示文档中的较小文本。
<strong>	HTML 中的 <strong> 标记用于指示文档中较小的文本。
<sub>	HTML 中的 <sub> 标记用于定义文档中的下标文本。
<sup>	HTML 中的 <sup> 标记用于定义文档中的下标文本。
<template>	它是一种在页面加载时对用户隐藏某些客户端内容的机制。
<time>	HTML 中的 <time> 标记用于表示文档中的特定时间或日期。
<var>	Html 中的 <var> 标记表示数学表达式或编程上下文中的变量名称。
<wbr>	指示 <nobr> 部分中的潜在单词断点。
<b>	它用于突出显示文本并指定粗体文本。

HTML 表单标签

表单在网页中起着至关重要的作用，网页通常用于收集联系信息、进行调查和启用用户评论。

以下是下面列出的表单标签：

标签	描述
<form>	指定文档中通常用于收集联系信息、进行调查和启用用户评论的窗体。
<input>	<input>标记用于指定文档中的输入字段，并用于在基于Web的表单中创建交互式控件。
<textarea>	<textarea> 标记用于指定文档中的 textarea 或 HTML 表单中的多行文本输入控件。
<button>	Html <button> 标记用于在 HTML 表单中插入按钮元素
<select>	<select> 标记用于 HTML 表单，并提供用户可以从中进行选择的选项菜单。
<optgroup>	HTML 中的 <optgroup> 标记用于对 <select> 元素（表示下拉列表）中的相关选项进行分组。
<option>	<option> 标记用于通过在下拉列表中创建可选选项来指定 Html <select> 标记中的选项。
<label>	指定窗体控件的标签，并用作用户界面中项的标题。
<fieldset>	Html <fieldset>标记，用于将表单控件（如输入字段、复选框和单选按钮）组合在一起。
<legend>	Html <legend> 标记用于指定 HTML <fieldset> 标记中的标题。
<datalist>	HTML 中的 <datalist> 标记指定 <input> 元素的预定义选项列表。
<output>	<output> 标记用于指定 HTML 表单标记中的计算结果。

HTML Image标签

图像是网页的关键元素，使网页美观并增加内容的相对性。

以下是下面列出的图像标记：

标签	描述
<img>	<img> 标签用于指定 Html 文档中的图像。
<map>	HTML 中的 <map> 标签用于通过将图像划分为多个可点击区域来定义图像映射和视觉上吸引人的界面。
<area>	HTML 中的 <area> 标记在 <map> 元素中用于定义图像映射中的可点击区域。
<canvas>	HTML 中的 <canvas> 标记用于定义网页上的一个区域，在该区域可以使用 JavaScript 动态呈现图形、动画或视觉元素。
<figcaption>	HTML 中的 <figcaption> 标记用于为 <figure> 元素提供标题或描述，并允许开发人员添加带有图像、插图、图表、视频或其他多媒体内容的描述性文本。
<figure>	<figure> 标记指定 Html 文档中的独立内容，例如图像、插图、图表。
<picture>	图片允许指定多个图像，以更准确地填充浏览器视口。
<svg>	HTML 中的 <svg> 标记用于将可缩放矢量图形（SVG）直接追加到网页中。它是一种用于描述视觉效果的模块化语言。

HTML 音频/视频标签

HTML <audio> 和 <video> 标签在网页上附加具有视觉吸引力和信息性的内容。此标签有助于增强用户体验。

以下是下面列出的音频/视频标签：

标签	描述
<audio>	<audio> 标记用于在 HTML 文档中插入声音内容，例如音乐或其他音频流。
<source>	指定在视频或音频元素中定义的媒体元素的媒体资源。
<track>	<track> 标记用于指定多媒体元素的文本轨道，例如 <audio> 和 <video> 标记。
<video>	HTML <video> 标记用于在 HTML 文档中插入视频内容，例如影片剪辑或其他视频流。指定媒体播放器中使用的文本轨道。

HTML 超链接标签

HTML 链接是超链接，这意味着当您单击一个链接时，它会跳转到另一个文档。网页可以包含各种链接，这些链接将我们直接带到其他网页或资源，甚至是给定页面的特定部分。

以下是下面列出的链接标记：

标签	描述
<a>	指定锚点。HTML <a> 标记在 HTML 文档中创建超链接。
<link>	HTML <link> 标记用于链接 HTML 文档中的外部资源。
<nav>	HTML <nav> 标记用于指定仅包含导航链接的部分。

HTML 列表标签

HTML 列表标签是用于以各种方式组织和构建网页上内容的基本元素。

以下是下面列出的列表标签：

标签	描述
<ul>	HTML <ul> 标记指定 Html 文档中的无序列表。它用于分组到没有任何特定数字顺序的项目集合。
<ol>	HTML <ol> 标记指定 Html 文档中的有序列表。它用于按特定数字顺序对项的集合进行分组。
<li>	HTML <li> 用于指定 HTML 文档中的列表项。它在创建有序列表和无序列表方面都起着重要作用。
<dl>	HTML <dt> 标记用于指定 HTML 文档中的定义列表，并提供一种组织它们的方法。
<dt>	<dt> 标记用于指定描述或定义列表中的术语。
<dd>	HTML <dd> 标签在指定描述列表中的定义描述中起着至关重要的作用。

HTML 表格标签

HTML 中的表格通常用于组织和显示行和列中的详细数据。它们允许用户快速扫描和理解信息。

以下是下面列出的表格标签：

标签	描述
<table>	以有条理且可呈现的方式在 HTML 文档中指定一个表。
<caption>	在 HTML 文档中指定表格标题。
<th>	在 HTML <table> 标记中指定表格标题。
<tr>	在 HTML <table> 中指定表行。
<td>	在 HTML <table> 中指定表格单元格。
<thead>	在 HTML <表>中指定表标题，用于对 HTML 表中的标题内容进行分组。
<tbody>	在 HTML <table> 中指定表正文。
<tfoot>	在 HTML 表格中指定表脚，用于对 HTML 表格中的页脚内容进行分组。
<col>	指定表列的属性。<col> 元素允许您将样式应用于整个列。
<colgroup>	指定表列组。<colgroup> 标记必须显示为 <table> 元素的子元素。

HTML 样式和语义标签

HTML 包括样式和语义标签列表。HTML 样式标记通过在 HTML 文档中添加样式来增强其外观。HTML 语义标签通过定义它们所包含内容的含义来嵌入简单性。

以下是下面列出的样式和语义标签：

标签	描述
<style>	HTML <style> 标签定义用于文档样式的 CSS（级联样式表）。此标记用于定义网页中元素的表示样式
<div>	HTML <div> 标签是构建网页的基本构建块，用于定义 HTML 文档中的分区或部分。
<span>	HTML <span> 标记是内联元素和内容的内联容器，用于标记文档中的文本或部分。
<header>	指定文档或节的标题。它是一个语义元素，包含网页中的介绍性内容和导航元素。
<footer>	指定文档或节的页脚。它是用于定义网页页脚部分的语义元素。
<main>	指定文档中的主要内容或重要内容。文档中只有一个 <main> 元素。
<section>	指定文档中的某个部分。HTML <section> 标签在文档中添加组织良好的部分。
<article>	在 HTML 文档中指定项目。它是一个语义元素，用于定义一个独立的内容片段。
<aside>	指定一些与页面内容松散相关的内容。如果将其删除，则其余内容仍然有意义。
<details>	它用于创建包含某些信息的披露小部件，并且在小部件切换到“打开”状态时可见。
<dialog>	在 HTML 文档中指定对话框或窗口。
<summary>	为给定<details>指定摘要、标题或图例。
<data>	HTML 数据标记用于将给定的内容与机器可读的翻译链接起来。

HTML 元标签

HTML meta 标签用于在网页中提供结构化信息，其内容不会显示在网页上。

以下是下面列出的元信息标签：

标签	描述
<meta>	指定页面上未显示的 html 文档的元数据。
<base>	为页面中的所有链接指定基本 URL。<base> 标记通常放置在 HTML 文档的 <head> 部分中。

HTML 编程标签

HTML 编程标记是 HTML 文档的构建块，用于定义文档中不同类型的内容。

以下是下面列出的编程标签：

标签	描述
<script>	在 HTML 文档中指定一个脚本，用于嵌入客户端脚本语言。
<noscript>	在 HTML 文档中指定 noscript 部分。
<embed>	为外部（非 HTML）应用程序指定容器。
<object>	在 HTML 文档中指定嵌入对象。

<< HTML - 颜色代码生成器 HTML - 属性参考 >>