百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 文章教程 > 正文

HTML5常用标签大全(html常用标签及用法)

yund56 2025-07-18 01:09 14 浏览

HTML前端开发最终取决于掌握标签的多少

HTML大概有七八百个标签

楼主这里给大家总结了下HTML常用标签

标签描述

<!--...-->定义注释。

<!DOCTYPE> 定义文档类型,所有H5都是这玩意打头。

<a>定义锚。

<abbr>定义缩写。

<acronym>定义只取首字母的缩写。

<address>定义文档作者或拥有者的联系信息。

<applet>不赞成使用。定义嵌入的 applet。

<area>定义图像映射内部的区域。

<article>定义文章。

<aside>定义页面内容之外的内容。

<audio>定义声音内容。

<b>定义粗体字。

<base>定义页面中所有链接的默认地址或默认目标。

<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。

<bdo>定义文字方向。

<big>定义大号文本。

<blockquote>定义长的引用。

<body>定义文档的主体。

<br>定义简单的折行。

<button>定义按钮 (push button)。

<canvas>定义图形。

<caption>定义表格标题。

<center>不赞成使用。定义居中文本。

<cite>定义引用(citation)。

<code>定义计算机代码文本。

<col>定义表格中一个或多个列的属性值。

<colgroup>定义表格中供格式化的列组。

<command>定义命令按钮。

<datalist>定义下拉列表。

<dd>定义定义列表中项目的描述。

<del>定义被删除文本。

<details>定义元素的细节。

<dir>不赞成使用。定义目录列表。

<div>定义文档中的节。

<dfn>定义定义项目。

<dialog>定义对话框或窗口。

<dl>定义定义列表。

<dt>定义定义列表中的项目。

<em>定义强调文本。

<embed>定义外部交互内容或插件。

<fieldset>定义围绕表单中元素的边框。

<figcaption>定义 figure 元素的标题。

<figure>定义媒介内容的分组,以及它们的标题。

<font>不赞成使用。定义文字的字体、尺寸和颜色。

<footer>定义 section 或 page 的页脚。

<form>定义供用户输入的 HTML 表单。

<frame>定义框架集的窗口或框架。

<frameset>定义框架集。

<h1> to <h6>定义 HTML 标题。

<head>定义关于文档的信息。

<header>定义 section 或 page 的页眉。

<hr>定义水平线。

<html>定义 HTML 文档。

<i>定义斜体字。

<iframe>定义内联框架。

<img>定义图像。

<input>定义输入控件。

<ins>定义被插入文本。

<isindex>不赞成使用。定义与文档相关的可搜索索引。

<kbd>定义键盘文本。

<keygen>定义生成密钥。

<label>定义 input 元素的标注。

<legend>定义 fieldset 元素的标题。

<li>定义列表的项目。

<link>定义文档与外部资源的关系。

<map>定义图像映射。

<mark>定义有记号的文本。

<menu>定义命令的列表或菜单。

<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。

<meta>定义关于 HTML 文档的元信息。

<meter>定义预定义范围内的度量。

<nav>定义导航链接。

<noframes>定义针对不支持框架的用户的替代内容。

<noscript>定义针对不支持客户端脚本的用户的替代内容。

<object>定义内嵌对象。

<ol>定义有序列表。

<optgroup>定义选择列表中相关选项的组合。

<option>定义选择列表中的选项。

<output>定义输出的一些类型。

<p>定义段落。

<param>定义对象的参数。

<pre>定义预格式文本。

<progress>定义任何类型的任务的进度。

<q>定义短的引用。

<rp>定义若浏览器不支持 ruby 元素显示的内容。

<rt>定义 ruby 注释的解释。

<ruby>定义 ruby 注释。

<s>不赞成使用。定义加删除线的文本。

<samp>定义计算机代码样本。

<script>定义客户端脚本。

<section>定义 section。

<select>定义选择列表(下拉列表)。

<small>定义小号文本。

<source>定义媒介源。

<span>定义文档中的节。

<strike>不赞成使用。定义加删除线文本。

<strong>定义强调文本。

<style>定义文档的样式信息。

<sub>定义下标文本。

<summary>为 <details> 元素定义可见的标题。

<sup>定义上标文本。

<table>定义表格。

<tbody>定义表格中的主体内容。

<td>定义表格中的单元。

<textarea>定义多行的文本输入控件。

<tfoot>定义表格中的表注内容(脚注)。

<th>定义表格中的表头单元格。

<thead>定义表格中的表头内容。

<time>定义日期/时间。

<title>定义文档的标题。

<tr>定义表格中的行。

<track>定义用在媒体播放器中的文本轨道。

<tt>定义打字机文本。

<u>不赞成使用。定义下划线文本。

<ul>定义无序列表。

<var>定义文本的变量部分。

<video>定义视频。

<wbr>定义可能的换行符。

<xmp>不赞成使用。定义预格式文本。

标签描述

<!DOCTYPE> 定义文档类型。

<html>定义 HTML 文档。

<title>定义文档的标题。

<body>定义文档的主体。

<h1> to <h6>定义 HTML 标题。

<p>定义段落。

<br>定义简单的折行。

<hr>定义水平线。

<!--...-->定义注释。

格式

标签描述

<acronym>定义只取首字母的缩写。

<abbr>定义缩写。

<address>定义文档作者或拥有者的联系信息。

<b>定义粗体文本。

<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。

<bdo>定义文字方向。

<big>定义大号文本。

<blockquote>定义长的引用。

<center>不赞成使用。定义居中文本。

<cite>定义引用(citation)。

<code>定义计算机代码文本。

<del>定义被删除文本。

<dfn>定义定义项目。

<em>定义强调文本。

<font>不赞成使用。定义文本的字体、尺寸和颜色

<i>定义斜体文本。

<ins>定义被插入文本。

<kbd>定义键盘文本。

<mark>定义有记号的文本。

<meter>定义预定义范围内的度量。

<pre>定义预格式文本。

<progress>定义任何类型的任务的进度。

<q>定义短的引用。

<rp>定义若浏览器不支持 ruby 元素显示的内容。

<rt>定义 ruby 注释的解释。

<ruby>定义 ruby 注释。

<s>不赞成使用。定义加删除线的文本。

<samp>定义计算机代码样本。

<small>定义小号文本。

<strike>不赞成使用。定义加删除线文本。

<strong>定义语气更为强烈的强调文本。

<sup>定义上标文本。

<sub>定义下标文本。

<time>定义日期/时间。

<tt>定义打字机文本。

<u>不赞成使用。定义下划线文本。

<var>定义文本的变量部分。

<wbr>定义可能的换行符。

表单

标签描述

<form>定义供用户输入的 HTML 表单。

<input>定义输入控件。

<textarea>定义多行的文本输入控件。

<button>定义按钮。

<select>定义选择列表(下拉列表)。

<optgroup>定义选择列表中相关选项的组合。

<option>定义选择列表中的选项。

<label>定义 input 元素的标注。

<fieldset>定义围绕表单中元素的边框。

<legend>定义 fieldset 元素的标题。

<isindex>不赞成使用。定义与文档相关的可搜索索引。

<datalist>定义下拉列表。

<keygen>定义生成密钥。

<output>定义输出的一些类型。

框架

标签描述

<frame>定义框架集的窗口或框架。

<frameset>定义框架集。

<noframes>定义针对不支持框架的用户的替代内容。

<iframe>定义内联框架。

图像

标签描述

<img>定义图像。

<map>定义图像映射。

<area>定义图像地图内部的区域。

<canvas>定义图形。

<figcaption>定义 figure 元素的标题。

<figure>定义媒介内容的分组,以及它们的标题。

音频/视频

标签描述

<audio>定义声音内容。

<source>定义媒介源。

<track>定义用在媒体播放器中的文本轨道。

<video>定义视频。

链接

标签描述

<a>定义锚。

<link>定义文档与外部资源的关系。

<nav>定义导航链接。

列表

标签描述

<ul>定义无序列表。

<ol>定义有序列表。

<li>定义列表的项目。

<dir>不赞成使用。定义目录列表。

<dl>定义定义列表。

<dt>定义定义列表中的项目。

<dd>定义定义列表中项目的描述。

<menu>定义命令的菜单/列表。

<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。

<command>定义命令按钮。

表格

标签描述

<table>定义表格

<caption>定义表格标题。

<th>定义表格中的表头单元格。

<tr>定义表格中的行。

<td>定义表格中的单元。

<thead>定义表格中的表头内容。

<tbody>定义表格中的主体内容。

<tfoot>定义表格中的表注内容(脚注)。

<col>定义表格中一个或多个列的属性值。

<colgroup>定义表格中供格式化的列组。

样式/节

标签描述

<style>定义文档的样式信息。

<div>定义文档中的节。

<span>定义文档中的节。

<header>定义 section 或 page 的页眉。

<footer>定义 section 或 page 的页脚。

<section>定义 section。

<article>定义文章。

<aside>定义页面内容之外的内容。

<details>定义元素的细节。

<dialog>定义对话框或窗口。

<summary>为 <details> 元素定义可见的标题。

元信息

标签描述

<head>定义关于文档的信息。

<meta>定义关于 HTML 文档的元信息。

<base>定义页面中所有链接的默认地址或默认目标。

<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

编程

标签描述

<script>定义客户端脚本。

<noscript>定义针对不支持客户端脚本的用户的替代内容。

<applet>不赞成使用。定义嵌入的 applet。

<embed>为外部应用程序(非 HTML)定义容器。

<object>定义嵌入的对象。

<param>定义对象的参数。

属性描述

accesskey规定激活元素的快捷键。

class规定元素的一个或多个类名(引用样式表中的类)。

contenteditable规定元素内容是否可编辑。

contextmenu规定元素的上下文菜单。上下文菜单在用户点击元素时显示。

data-*用于存储页面或应用程序的私有定制数据。

dir规定元素中内容的文本方向。

draggable规定元素是否可拖动。

dropzone规定在拖动被拖动数据时是否进行复制、移动或链接。

hidden规定元素仍未或不再相关。

id规定元素的唯一 id。

lang规定元素内容的语言。

spellcheck规定是否对元素进行拼写和语法检查。

style规定元素的行内 CSS 样式。

tabindex规定元素的 tab 键次序。

title规定有关元素的额外信息。

translate规定是否应该翻译元素内容。

相关推荐

SM小分队Girls on Top,女神战队少了f(x)?

这次由SM娱乐公司在冬季即将开演的smtown里,将公司的所有女团成员集结成了一个小分队project。第一位这是全面ACE的大姐成员权宝儿(BoA),出道二十年,在日本单人销量过千万,韩国国内200...

韩国女团 aespa 首场 VR 演唱会或暗示 Quest 3 将于 10 月推出

AmazeVR宣布将在十月份举办一场现场VR音乐会,观众将佩戴MetaQuest3进行体验。韩国女团aespa于2020年11月出道,此后在日本推出了三张金唱片,在韩国推出了...

韩网热议!女团aespa成员Giselle在长腿爱豆中真的是legend

身高163的Giselle,长腿傲人,身材比例绝了...

假唱而被骂爆的女团:IVE、NewJeans、aespa上榜

在韩国,其实K-pop偶像并不被认为是真正的歌手,因为偶像们必须兼备舞蹈能力、也经常透过对嘴来完成舞台。由于科技的日渐发达,也有许多网友会利用消音软体来验证K-pop偶像到底有没有开麦唱歌,导致假唱这...

新女团Aespa登时尚大片 四个少女四种style

来源:环球网

韩国女团aespa新歌MV曝光 画面梦幻造型超美

12月20日,韩国女团aespa翻唱曲《DreamsComeTrue》MV公开,视频中,她们的造型超美!WINTER背后长出一双梦幻般的翅膀。柳智敏笑容甜美。宁艺卓皮肤白皙。GISELLE五官精致...

女网友向拳头维权,自称是萨勒芬妮的原型?某韩国女团抄袭KDA

女英雄萨勒芬妮(Seraphine)是拳头在2020年推出的第五位新英雄,在还没有正式上线时就备受lsp玩家的关注,因为她实在是太可爱了。和其他新英雄不同的是,萨勒芬妮在没上线时就被拳头当成虚拟偶像来...

人气TOP女团是?INS粉丝数见分晓;TWICE成员为何在演唱会落泪?

现在的人气TOP女团是?INS粉丝数见分晓!现在爱豆和粉丝之间的交流方法变得多种多样,但是Instagram依然是主要的交流手段。很多粉丝根据粉丝数评价偶像的人气,拥有数百、数千万粉丝的组合作为全球偶...

韩国女团MVaespa Drama MV_韩国女团穿超短裙子跳舞

WelcometoDrama.Pleasefollow4ruleswhilewatchingtheDrama.·1)Lookbackimmediatelywhenyoufe...

aespa师妹团今年将出道! SM职员亲口曝「新女团风格、人数」

记者刘宛欣/综合报导南韩造星工厂SM娱乐曾打造出东方神起、SUPERJUNIOR、少女时代、SHINee、EXO等传奇团体,近年推出的aespa、RIIZE更是双双成为新生代一线团体,深受大众与粉丝...

南韩最活跃的女团aespa,新专辑《Girls》即将发布,盘点昔日经典

女团aespa歌曲盘点,新专辑《Girls》即将发布,期待大火。明天也就是2022年的7月8号,aespa新专辑《Girls》即将发行。这是继首张专辑《Savage》之后,时隔19个月的第二张专辑,这...

章泽天女团aespa出席戛纳晚宴 宋康昊携新片亮相

搜狐娱乐讯(山今/文玄反影/图科明/视频)法国时间5月23日晚,女团aespa、宋康昊、章泽天等明星亮相戛纳晚宴。章泽天身姿优越。章泽天肩颈线优越。章泽天双臂纤细。章泽天仪态端正。女团aespa亮...

Aespa舞台暴露身高比例,宁艺卓脸大,柳智敏有“TOP”相

作为SM公司最新女团aespa,初舞台《BlackMamba》公开,在初舞台里,看得出来SM公司是下了大功夫的,虽然之前SM公司新出的女团都有很长的先导片,但是aespa显然是有“特殊待遇”。运用了...

AESPA女团成员柳智敏karina大美女

真队内速度最快最火达成队内首个且唯一两百万点赞五代男女团中输断层第一(图转自微博)...

对来学校演出的女团成员语言性骚扰?韩国这所男高的学生恶心透了

哕了……本月4日,景福男子高中相关人士称已经找到了在SNS中上传对aespa成员进行性骚扰文章的学生,并开始着手调查。2日,SM娱乐创始人李秀满的母校——景福高中迎来了建校101周年庆典活动。当天,S...