【前端开发】HTML基础标签

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

以下是按功能排序标签列表:

基础标签

标签描述
<!DOCTYPE>定义文档类型
<html>定义一个 HTML 文档
<title>为文档定义一个标题
<body>定义文档的主体
<h1> to <h6>定义 HTML 标题
<p>定义一个段落
<br>定义简单的折行。
<hr>定义水平线。
<!--...-->定义一个注释

格式标签

标签描述
<abbr>定义一个缩写。
<address>定义文档作者或拥有者的联系信息。
<b>定义粗体文本。
<bdi>允许您设置一段文本,使其脱离其父元素的文本方向设置。
<bdo>定义文本的方向。
<blockquote>定义块引用。
<cite>定义引用(citation)。
<code>定义计算机代码文本。
<del>定义被删除文本。
<dfn>定义定义项目。
<em>定义强调文本。
<i>定义斜体文本。
<ins>定义被插入文本。
<kbd>定义键盘文本。
<mark>定义带有记号的文本。
<meter>定义度量衡。仅用于已知最大和最小值的度量。
<pre>定义预格式文本
<progress>定义运行中的任务进度(进程)。
<q>定义短的引用。
<rp>定义不支持 ruby 元素的浏览器所显示的内容。
<rt>定义字符(中文注音或字符)的解释或发音。
<ruby>定义 ruby 注释(中文注音或字符)。
<s>定义加删除线的文本。
<samp>定义计算机代码样本。
<small>定义小号文本。
<strong>定义语气更为强烈的强调文本。
<sub>定义下标文本。
<sup>定义上标文本。
<time>定义一个日期/时间
<u>定义下划线文本。
<var>定义文本的变量部分。
<wbr>规定在文本中的何处适合添加换行符。

表单标签

标签描述
<form>定义一个 HTML 表单,用于用户输入。
<input>定义一个输入控件
<textarea>定义多行的文本输入控件。
<button>定义按钮。
<select>定义选择列表(下拉列表)。
<optgroup>定义选择列表中相关选项的组合。
<option>定义选择列表中的选项。
<label>定义 input 元素的标注。
<fieldset>定义围绕表单中元素的边框。
<legend>定义 fieldset 元素的标题。
<datalist>规定了 input 元素可能的选项列表。
<keygen>规定用于表单的密钥对生成器字段。
<output>定义一个计算的结果

框架标签

标签描述
<iframe>定义内联框架。

图像标签

标签描述
<img>定义图像。
<map>定义图像映射。
<area>定义图像地图内部的区域。
<canvas>通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。
<figcaption>定义一个 caption for a <figure> element
<figure>figure 标签用于对元素进行组合。

音频视频标签

标签描述
<audio>定义声音,比如音乐或其他音频流。
<source>定义media元素 (<video><audio>)的媒体资源。
<track>为媒体(<video><audio>)元素定义外部文本轨道。
<video>定义一个音频或者视频

链接标签

标签描述
<a>定义一个链接
<link>定义文档与外部资源的关系。
<main>定义文档的主体部分。
<nav>定义导航链接

列表标签

标签描述
<ul>定义一个无序列表
<ol>定义一个有序列表
<li>定义一个列表项
<dl>定义一个定义列表
<dt>定义一个定义定义列表中的项目。
<dd>定义定义列表中项目的描述。
<menu>定义菜单列表。
<command>定义用户可能调用的命令(比如单选按钮、复选框或按钮)。

表格标签

标签描述
<table>定义一个表格
<caption>定义表格标题。
<th>定义表格中的表头单元格。
<tr>定义表格中的行。
<td>定义表格中的单元。
<thead>定义表格中的表头内容。
<tbody>定义表格中的主体内容。
<tfoot>定义表格中的表注内容(脚注)。
<col>定义表格中一个或多个列的属性值。
<colgroup>定义表格中供格式化的列组。

样式/节标签

标签描述
<style>定义文档的样式信息。
<div>定义文档中的节。
<span>定义文档中的节。
<header>定义一个文档头部部分
<footer>定义一个文档底部
<section>定义了文档的某个区域
<article>定义一个文章内容
<aside>定义其所处内容之外的内容。
<details>定义了用户可见的或者隐藏的需求的补充细节。
<dialog>定义一个对话框或者窗口
<summary>定义一个可见的标题。 当用户点击标题时会显示出详细信息。

元信息标签

标签描述
<head>定义关于文档的信息
<meta>定义关于 HTML 文档的元信息。
<base>定义页面中所有链接的默认地址或默认目标。

程序标签

标签描述
<script>定义客户端脚本。
<noscript>定义针对不支持客户端脚本的用户的替代内容。
<embed>定义了一个容器,用来嵌入外部应用或者互动程序(插件)。
<object>定义嵌入的对象。
<param>定义对象的参数。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值