HTML标签汇总（基础和格式部分）

最新推荐文章于 2024-06-02 15:45:53 发布

HZS_Song

最新推荐文章于 2024-06-02 15:45:53 发布

阅读量3.3k

点赞数 13

文章标签： html html5

本文链接：https://blog.csdn.net/qq_41696334/article/details/104138837

版权

HTML标签汇总（基础和格式部分）

<html>
	<head>
		<title>文档的标题</title>
	</head>
	<body>
		文档的内容……
		<!-- 注释 -->
	</body>
</html>

内容	说明
`<h1>这是标题1</h1>`	最大的标题
`<h2>这是标题1</h2>`
`<h3>这是标题1</h3>`
`<h4>这是标题1</h4>`
`<h5>这是标题1</h5>`
`<h6>这是标题1</h6>`	最小的标题

不要在同一行适用不同的标签

<p>段落标签</p>

段落标签忽略源代码中的排版，多个空格，换行，回车当一个空格计算

<br>

换行符。换行符没有结束标签
clear属性：left、right、all
通常情况下，文本流中的其他行会在内联图像的底部显示，除非图形的标签设置为左对齐或右对齐（对于<table>标签也一样）。因此，<br>标签的clear属性只对这些左对齐或右对齐的图像或表格起作用。
<br>功能是输入空行，而不是分割段落

<hr>

水平分割线。水平分割线没有结束标签。

内容	说明
`<acronym>`	IE5.5或更早版本不支持。HTML5不支持
`<abbr>`	IE6或更早版本不支持。HTML5支持

标记缩写
建议使用title属性，在鼠标移动到缩略词上时显示完整版本

<address>定义文档的作者/拥有者</address>

内容	说明
如果`<address>`元素位于`<body>`元素内	则它表示文档联系信息
如果`<address>`元素位于`<article>`元素内	则它代表文章的联系信息

<address>元素中的文本通常呈现为斜体，大多数浏览器会在address元素前后加折行

标签	内容
`<tt>`	`等宽文本（打字机文本）`
`<i>`	斜体
`<b>`	粗体
`<big>`	大号字体
`small`	小号字体
`strong`	强调（粗体）
`em`	强调（斜体）
`sub`	_下标文本
`sup`	^上标文本
`mark`	定义带有记号的文本（默认黄色底纹）
* `dfn`	定义一个定义项目
* `code`	`定义计算机代码文本`
*`samp`	`定计算机代码样本文本`
* `kbd`	`定义键盘文本`
* `var`	`定义变量`
* `cite`	定义引用

"*"部分常用于显示计算机/编程代码

<bdi>bidi隔离</bdi>

允许设置一段文本，使其脱离其父元素的文本方向设置（发表用户评论或其他无法完全控制的内容时，该标签泳池很大）。

属性	值
dir	ltr、rtl、auto

<bdo>文本方向</bdo>

bdo元素可覆盖默认的文本方向

属性	值
dir	ltr、rtl

标签	说明	显示
`<blockquote>`	定义长引用	显示为缩进块
`<q>`	定义短引用	以分界引号呈现

标签	说明
`<del>`	~~定义删除文本~~
`<ins>`	定义插入文本（下划线文本）

两者配合使用，来描述文档的更新和修正

属性	值
cite	URL
datetime	YYYYMMDD

<meter value="3" min="0" max="10">3/10</meter>
<meter value="0.6">60%</meter>

显示效果

IE不支持meter标签
meter不应该应用与显示进度。如果标记进度，应使用<progress>标签

属性	值	描述
form	form_id	规定元素所属的一个或多个表单
high	number	规定被视作高的值的范围
low	number	规定被视作低的值的范围
max	number	规定范围的最大值
min	number	规定范围的最小值
optimum	number	规定范围的最佳值
value	number	必须。规定度量的当前值

<progress>

任务进度信息
与JavaScript配合使用
<progress>标签不适合来显示度量

<pre>

预格式化文本
pre元素中允许的文本包括物理样式和基于内容的样式变化，还有链接，图像和水平分割线。
<pre>标签中的特殊符号被转换为符号实体
注释：实体名称对大小写敏感。

显示结果	描述	实体名称	实体编号
	空格	` `	` `
<	小于号	`<`	`<`
>	大于号	`>`	`>`
&	和号	`&`	`&`
"	引号	`"`	`"`
’	撇号	`'` (IE不支持)	`'`
￠	分（cent）	`¢`	`¢`
£	镑（pound）	`£`	`£`
¥	元（yen）	`¥`	`¥`
€	欧元（euro）	`€`	`€`
§	小节	`§`	`§`
©	版权（copyright）	`©`	`©`
®	注册商标	`®`	`®`
™	商标	`™`	`™`
×	乘号	`×`	`×`
÷	除号	`÷`

<time>

定义时间和日期
在浏览器上不会有任何特使显示效果
该元素的功能是以机器可读的方式对日期和时间进行编码，使搜索和时间引用更加便利

属性	值	描述
datetime	datetime	规定日期/时间，否则，由元素的内容给定日期/时间
pubdate	pubdate	指示`<time>`元素的日期/时间是文档（或`<article>`元素）

<wbr>

换行符。
使用在单词过长时防止浏览器在错误的位置换行。

HZS_Song

关注

13
点赞
踩
27

收藏

觉得还不错? 一键收藏
0
评论
HTML标签汇总（基础和格式部分）

HTML标签汇总（基础和格式部分）<html> <head> <title>文档的标题</title> </head> <body> 文档的内容……  </body></html>内容说明<h1>这是标题1...
复制链接

扫一扫

HTML标签汇总（基础和格式部分）

HTML标签汇总（基础和格式部分）

`<h1>这是标题1</h1>`

`<h2>这是标题1</h2>`

`<h3>这是标题1</h3>`

`<h4>这是标题1</h4>`

`<h5>这是标题1</h5>`

`<h6>这是标题1</h6>`

显示结果	描述	实体名称	实体编号
	空格	` `	` `
<	小于号	`<`	`<`
>	大于号	`>`	`>`
&	和号	`&`	`&`
"	引号	`"`	`"`
’	撇号	`'` (IE不支持)	`'`
￠	分（cent）	`¢`	`¢`
£	镑（pound）	`£`	`£`
¥	元（yen）	`¥`	`¥`
€	欧元（euro）	`€`	`€`
§	小节	`§`	`§`
©	版权（copyright）	`©`	`©`
®	注册商标	`®`	`®`
™	商标	`™`	`™`
×	乘号	`×`	`×`
÷	除号	`÷`

显示结果	描述	实体名称	实体编号
	空格	` `	` `
<	小于号	`<`	`<`
>	大于号	`>`	`>`
&	和号	`&`	`&`
"	引号	`"`	`"`
’	撇号	`'` (IE不支持)	`'`
￠	分（cent）	`¢`	`¢`
£	镑（pound）	`£`	`£`
¥	元（yen）	`¥`	`¥`
€	欧元（euro）	`€`	`€`
§	小节	`§`	`§`
©	版权（copyright）	`©`	`©`
®	注册商标	`®`	`®`
™	商标	`™`	`™`
×	乘号	`×`	`×`
÷	除号	`÷`

HTML标签汇总（基础和格式部分）

HTML标签汇总（基础和格式部分）

<h1>这是标题1</h1>

<h2>这是标题1</h2>

<h3>这是标题1</h3>

<h4>这是标题1</h4>

<h5>这是标题1</h5>

<h6>这是标题1</h6>

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

`<h1>这是标题1</h1>`

`<h2>这是标题1</h2>`

`<h3>这是标题1</h3>`

`<h4>这是标题1</h4>`

`<h5>这是标题1</h5>`

`<h6>这是标题1</h6>`

显示结果	描述	实体名称	实体编号
	空格	` `	` `
<	小于号	`<`	`<`
>	大于号	`>`	`>`
&	和号	`&`	`&`
"	引号	`"`	`"`
’	撇号	`'` (IE不支持)	`'`
￠	分（cent）	`¢`	`¢`
£	镑（pound）	`£`	`£`
¥	元（yen）	`¥`	`¥`
€	欧元（euro）	`€`	`€`
§	小节	`§`	`§`
©	版权（copyright）	`©`	`©`
®	注册商标	`®`	`®`
™	商标	`™`	`™`
×	乘号	`×`	`×`
÷	除号	`÷`