编号 | 标签名 | 含义 | 常用属性 | 类型 |
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 | |