52个HTML的标签总结

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014395826/article/details/54356097

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

阅读更多
换一批

没有更多推荐了,返回首页