52个HTML的标签总结

最新推荐文章于 2021-06-10 17:56:26 发布

沈尛

最新推荐文章于 2021-06-10 17:56:26 发布

阅读量1.9k

点赞数

分类专栏：自学日志

本文链接：https://blog.csdn.net/u014395826/article/details/54356097

版权

自学日志专栏收录该内容

9 篇文章 0 订阅

订阅专栏

HTML的52个标签

编号	标签名	含义	常用属性	类型
1	<!DOCTYPE>	声明使用哪种html规范
2	<html></html>	声明页面的开始和结束	xmlns:Namespace命名空间
3	<head></head>	页面的头部
4	<body></body>	页面的主体
5	<title></title>	只能放在<head></head>中，用于标明页面的标题
6	<meta/>	放在<head></head>中，用于描述页面的元数据
7	<b></b>	bold 文本加粗，描述样式	Xhtml中已废弃	inline
8	<strong></strong>	文本加粗，描述语义	xHTML中推荐使用，代替b	inline
9	<i></i>	文本斜体显示，描述样式	XHTML中已废弃	inline
10	<em></em>	文本斜体显示，描述语义	XHTML中推荐使用，代替i	inline
11	<sup></sup>	上标字，描述样式		inline
12	<sub></sub>	下标字，描述样式		inline
13	<u></u>	underline 下划线，描述样式		inline
14	<s></s>	删除线，描述样式		inline
15	h1,h2....,h6	标题字，描述语义	注意：在各个浏览器中默认的字体高度和的间距不一致	block
16	<span></span>	行内分区工具，是最简单的内联标签	必须与CSS、JS配合使用，才会有效果	inline
17	<a></a>	锚	href:指定要跳转的url、邮箱、js函数 name:指定可供停靠的锚点名称 target:指定在哪个页面中打开(_self/_blank)	inline
18	<img/>	通知浏览器此刻要向服务器请求图片资源	src:指定图片资源的url alt:若图片无法显示则显示此文字内容 width:百分比/像素 height:百分比/像素 title:	inline
19	<input type="text"/>	单行文本输入框	value:待提交的值/提示文字 name:（必需）指定输入内容的含义 maxlength:允许输入的最大字符数 readonly:只读（不能修改但可提交） disable:文本域禁用（不能修改也不能提交）	inline
20	<input type="submit"/>	提交按钮，可以提交表单内容		inline
21	<input type="radio"/>	单选框	name: value: checked:表示该框已被选中	inline
22	<select></select>	下拉框	name: size:指定显示的行数 multiple:表示可多选	inline
23	<optgroup></optgroup>	选项组	label	inline
24	<option></option>		value: selected:表示选中	inline
25	<textarea></textarea> 在开始和结束之间无value属性	多行文本输入域，只能输入纯文本	name: rows:显示的行数 cols:显示的列数	inline
26	<input type="hidden"/>	在页面中输入一个隐藏的文本框	name:(必需)隐藏字段的名称 value:（必需）隐藏字段的值	inline
27	<button></button>	按钮		inline
28	<iframe></iframe>	在当前页面中嵌入另一个页面	src:待嵌入页面的url width: height: style="border:0"不显示边框	inline
29	<meta></meta>	度量衡	min: max: value:	inline
30	<time></time>	为网页内容添加日期和时间信息	datetime	inline
31	<mark></mark>			inline
32	<label></label>	标签，用于给输入域添加提示文字	for:指定某个输入域的id	inline
33	<div></div>	元素分组工具，常用于页面布局、内容分层，是最简单的block元素		block
34	<p></p>	段落标签，描述语义		block
35	<br/>
36	<hr/>	水平分割线	width: color: align:	block
37	<pre></pre>	使用源代码中的效果呈现内容		block
38	<table></table>			block
39	<tr></tr>
40	<td></td>		align:left/center/right valign:top/middle/bottom rowspan:跨越的行数 colspan:跨越的列数
41	<th></th>
42	<ul></ul>	无序列表	type:disc/circle/square	block
43	<li></li>	列表项		block
44	<ol></ol>	有序列表	type:1/a/A/i/I start:	block
45	<dl></dl>	自定义列表		block
46	<dt></dt>			block
47	<dd></dd>			block
48	<form></form>		action:指定表单数据的处理页面 method:GET/POST，前者把请求数据追加在地址栏查询字符串中（有长度限制）；后者把数据以单独的数据包发送给服务器（无长度限制、且可用于文件上传） enctype:EncodedType 表单中提交的数据的编码类型，可取值： text/plain:表单数据不做任何编码直接上传 application/x-www-form-urlencoded:把表单中的数据（中文、特殊符号）编码后再上传，只能对字符进行编码 multilart/form-data:以一种特殊的格式上传字符/字节数据	block
49	<fieldset></fieldset>	输入域集合		block
50	<detail></detail>	详情		block
51	<summary></summary>	详情的概要		block
52	<legend></legend>	输入域集合的标签名		block