HTML基本标签总结

回顾

结构标签

html
body
head

头部标签

meta
title
link

格式标签

hn
br
hr
p
pre
center

列表标签

文本标签

em
strong
q
blockquote
cite
bdo
kbd
var
code
sub
sup
address
abbr
.......

超链接

图像

img
map
area

表格标签

table
caption
thead
tbody
tfoot
tr
td
th
colgroup
col

表单标签

form
input
select
option
textarea
button
fieldset
legend

框架分帧

iframe

HTML全局属性

title
id
class
dir
style

一、HTML基本语法

1.HTML标签

标签是HTML中最基本的单位，也是最重要的组成部分。
通常要用两个角括号括起来："<"和">"。
标签都是闭合的（两种形式：成对与不成对）
双标签（成对）：<标签名>内容</标签名>
- 如：<table>...</table>即分起始和结束
单标签（不成对）：<标签名/>
- 如：<br/>,<hr/>
标签是大小写无关的，<body>跟<BODY>表示意思是一样的，标准推荐使用小写，这样符合XHTML标准。

2.HTML标签属性

HTML属性一般都出现在HTML的开始标签中，是HTML标签的一部分。
标签可以有属性，它包含了额外的信息，属性的值一定要在双引号中。
标签可以有多个属性

属性由属性名和值成对出现。

  * 语法格式如下：
  * <标签名 属性名1="属性值" 属性名2="属性值"...>
  * <!--输出内容...-->
  * </标签名>

3.HTML代码格式

任何回车或空格在源代码中都是不起作用
所以在编写HTML代码时，都可以使用回车或者空格进行代码排版
使代码清晰，也便于团队合作。
必须保持严格的缩进规则，以"Tab"键为准

4.HTML颜色设置

大多数的浏览器都支持颜色名集合，颜色值是一个关键字或一个RGB格式的数字，在网页中用得很多。
主要有以下三种：
- 使用英文单词作为颜色值：如：red、green、blue、maroon、white...
- 使用六位十六进制的颜色值：如：#00000-#ffffff
  其中前两位表示红色，中间表示绿色，最后两位表示蓝色
- rgb(r,g,b) 其中r,g,b是0~255之间的整数

5.HTML注释


快捷键为：Ctrl+/

6.实体（特殊字符）

用数字码和引用实体两种方式表示

   显示结果    描述     实体名称     实体编号
              空格		&nbsp;     &#160;
  	<		小于号		 &lt;	   &#60;
  	>		大于号		 &gt;	   &#62;
  	&		  和号	 &amp;	    &#38;
  	"		  引号    &quot; 	    &#34;
  	'		  撇号    &apos;    	&#39;
  	©		  版权	&copy;     &#169;
  	®	   注册商标     &reg;     &#174;
  	™         商标   &trade;    &#8482;
  	¥		  日元     &yen;     &#165;
  	¢	        分    &cent;     &#162;
  	£           磅   &pound;     &#163;
  	€          欧元   &euro;     &#8364;
  	§          小节   &sect;      &#167;
  	×		 乘法号   &times;     &#215;
  	÷		   除号  &divide;     &#247;

二、HTML文件主体结构标签

1.文档说明

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtnl1-transitional.dta">
<!DOCTYPE html>

2.`<html>`标签

此元素可告知浏览器其自身是一个HTML文档
属性
- xmlns属性可以在文档中定义一个或多个可供选择的命名空间。

3.`<head>`标签

用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表，提供元信息等等。
属性
- profile
  - 一个由空格分割的URL列表，这些URL包含着有关页面的元数据信息
  - 配置文件的格式以及浏览器，使用它们的方式都还没有进行定义，这个属性主要是为将来的开发而保留的占位符。
  - HTML5中废弃

4.`<body>`标签

定义文档的主体
属性
- background：规定文档的背景图像。不赞成使用
- bgcolor：规定文档的背景颜色，不赞成使用
- text：规定文档中所有文本的颜色
- link:规定文档中为访问链接的默认颜色
- alink：规定文档中活动链接颜色
- vlink：规定文档中访问过链接颜色

三、head头部标签

1.标签

title
- 定义文档标题
base
- 标签为页面上的所有链接规定默认地址或默认目标
- 属性
  - href：规定页面中所有相对链接的基准URL
  - target：在何处打开页面中所有的链接
    - _blank
    - _parent
    - _self
    - _top
    - framename
meta
- 元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。<meta>标签永远位于head元素内部。
- 属性
  - content：定义与http-equiv或name属性相关的元信息
  - name：把content属性关联到一个名称
    - author
    - description
    - keywords
    - generator
    - generator
    - revised
    - robots
    - others
  - http-equiv：把content属性关联到HTTP头部
    - content-type
    - expires
    - refresh
    - set-cookie
  - charset：字符集编码
link
- 标签定义文档与外部资源的关系
- 属性：
  - href：规定被链接文档的位置。
  - type：规定被链接文档的mime类型
  - rel：规定当前文档与被链接文档之间的关系
    - 值：stylesheet shortcut icon
  - media:规定被链接文档将被显示在什么设备上
    - screen：计算机屏幕（默认）
    - tty：电传打字机以及类似的使用等宽字符网络的媒介。
    - tv：电视机类型设备（低分辨率，有限的滚屏能力）。
    - projection：放映机。
    - handheld：手持设备（小屏幕、有限宽带）。
    - print:打印预览模式/打印页面。
    - braille：盲人点字法反馈设备。
    - aural：语音合成器。
    - all：适用于所有设备。
style
- 用于为HTML文档定义样式信息。
- 属性
  - type制定mime类型（可省略）
  - media
    - screen：计算机屏幕（默认）
    - tty：电传打字机以及类似的使用等宽字符网络的媒介。
    - tv：电视机类型设备（低分辨率，有限的滚屏能力）。
    - projection：放映机。
    - handheld：手持设备（小屏幕、有限宽带）。
    - print:打印预览模式/打印页面。
    - braille：盲人点字法反馈设备。
    - aural：语音合成器。
    - all：适用于所有设备。
script
- 用于定义客户端脚本，比如JavaScript。script元素既可以包含脚本语言，也可以通过src属性指向外部脚本文件。
- 属性
  - type
  - src

2.meta应用

1.编码字符集
- <meta charset="utf-8">HTML5支持HTML5向下兼容
- <meta http-equiv="content-type" content="text/html;charset=utf-8"/>HTML4支持
2.网页关键字
- <meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">
3.网页描述信息
- <meta name="description" content="80字以内的一段话，与网站内容相关>"
4.所有搜索引擎，抓住这个页面，爬行链接，禁止快照
- <meta name="robots" content="index,follow,noarchive"
5.网页作者
- <meta name="author" content="obama">
6.网页生成工具
- <meta name="generator" content="Sublime Text3">
7.定义页面最新版本
- <meta name="revised" content="David,2008/8/8/"/>
8.网页版权信息
- <meta name="copyright" content="2009-2014@版权所有">
9.网页刷新信息
- <meta http-equiv="refresh" content="10;url=http:;;www.baidu.com">10秒后跳转到百度页面

3.常见MiME类型

text/html
text/xml
image/jpeg
image/png
image/gif
image/x-icon
.....

四、格式排版标签

1.`<br>`

换行标签，完成文字的紧凑显示，可以使用连续多个<br>标签来换行

2.`<hr>`

水平分割线，用于段落与段落之间的分割
- 属性
  - width：宽度不赞成使用
  - size：高度不赞成使用
  - align：对齐方式（left right center）不赞成使用
  - noshade:规定显示为纯色不赞成使用

3.`<p>`

段落标签，里面可以加入文字、列表、表格等，可以<p></p>或<p/>使用
- 属性
  - align：对齐方式（left center justify）不赞成使用

4.`<pre>`

按原文显示标签，可以把原文件中的空格，回车，换行，tab键表现出来

5.`<hn>`

标题字标签，n为1-6，定义六级标题，而且会自动换行插入一个空行
- 属性
  - align：对齐方式不推荐使用

6.`<center>`

居住对齐标签。使段落或文字相对于上一层标记居中显示（不建议使用）

五、列表标签

1.`<ul>`

代表HTML无序列表，里面每一列表项使用<li>标签定义
- 属性：
  - type：规定列表的项目符号的类型。不赞成使用
    - disc
    - square
    - circle

2.`<ol>`

代表HTML有序列表，里面每一列表项使用<li>标签定义
- 属性：
  - start：规定有序列表的起始值
  - type：规定在列表中使用的标记类型。（1、a、A、i、I）
  - reversed：H5新增加降序

3.`<li>`

代表HTML列表项目，每个列表项使用一对<li></li>标记
- 属性
  - type：不建议使用
  - value：项目列表数字，不建议使用

4.`<dl>`

定义了定义列表（definition list）

5.`<dt>`

标签定义了定义列表中的项目（即术语部分）

6.`<dd>`

在定义列表中定义条目的定义部分

7.`<dir>`

六、文本标签

1.`<em>`

表示强调，通常为斜体字

2.`<strong>`

表示强调（语气更强），通常为粗体字

3.`<cite>`

用于引证，举例（标签定义作品（比如书籍、歌曲、电影，电视节目，绘画、等）的标题）通常为斜体字

4.`<dfn>`

定义一个定义项目

5.`<code>`

定义计算机代码文本

6.`<samp>`

定义样式文本，标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来，对它们加以强调的极少情况下，才使用这个标签。

7.`<kbd>`

定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中

8.`<abbr>`

定义缩写，配合title属性（IE6以上）

9.`<bdo>`

来覆盖默认的文本方向dir属性值：lrt、rtl

10.`<del>`

标签定义文档中已删除的文本
- 属性：
  - cite：规定一个解释了文本被删除的原因的文档的URL。
  - datetime(YYY-MM-DDThh:mm:ssTZD)规定文本被删除的日期和时间。

11.`<ins>`

标签定义已经被插入文档中的文本
- 属性：
  - cite：规定一个解释了文本被删除的原因的文档的URL。
  - datetime(YYY-MM-DDThh:mm:ssTZD)规定文本被删除的日期和时间。

12.`<var>`

定义变量。可以将此标签与<pre>及<code>标签配合使用

13.`<small>`

标签定义小型文本（和旁注）

14.`<b>`

粗体字标签

  根据HTML5的规范，`<b>`标签应该标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。HTML 5 规范声明：标题应该用 `<h1> - <h6>` 标签表示，被强调的文本应该用 `<em>` 标签表示，重要的文本应该用 `<strong>` 标签表示，被标记的或者高亮显示的文本应该用 `<mark>` 标签表示。

15.`<i>`

斜体字标签，在没有其他适当语义的元素可以使用时，请使用<i>元素。

16.`<u>`

下划线字体标签，标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。请尽量避免使用<u>为文本加下划线，用户会把它混淆为一个超链接。

17.`<sub>`

文字下标字体标签

18.`<sup>`

文字上标字体标签

19.`<q>`

标签定义一个短的引用。浏览器经常会在这种引用的周围插入引号。（小段文字）属性cite规定引用源url

20.`<blockquote>`

标签定义摘自另一个源的块引用。浏览器通常会对<blockquote>元素进行缩放，（大段文字）（块状元素）
- 属性cite规定引用源的url

21.`<address>`

定义地址，通常为斜体（注意非通讯地址）块状元素

22.x`<font>`

字体标签，可以通过标签的属性指定文字的大小、颜色及字体等信息

23.x`<tt>`

打字机文字

24.x`<big>`

大型字体标签

25.x`<strike>`

添加删除线

26.x`<acronym>`

首字母缩写，请使用<abbr>代替

七、链接和锚点`<a>`

1.超链接

常用属性
- href：代表一个url链接源（就是链接到什么地方）
  - url除了是网页外，还可以是其他的文件（如文本文件，pdf文件等）。
  - url还可以是指向HTML文件中的一个位置
  - url还可以是Email地址
- target：用来指出哪个窗口或框架应该被此链接打开
  - target=_blank:将链接内容在新的浏览器窗口中打开。
  - target=_self：将链接的内容，显示在目前的窗口中。
  - target=_parent：将链接内容当成文件的上一个画面。
  - target=_top：这个参数可以解决新内容被旧框窗包围的困扰，使用这参数，会将整个画面显示成链接的画面内容。
- title:代表链接的附加提示信息
- download：HTML5新添加属性，表示下载
超链接范例
- 网站链接：<a href="http://www.lampuser.net">PHP专家</a>
- 电子邮件链接:<a href="mailto:lamp@126.com">写信给我</a>
- 电话:<a href="tel:10086">10086</a>
- 短信：sms:<phone_number>[<phone-number]*[?body=<message_body>]
路径
- 有三种类型的链接路径
  - 文档相对路径（例如adver/contents.html）
  - 绝对路径（例如http://www.sohu.com/index.html）
  - 站点根目录相对路径（例如/support/app/customer.html，其中'/'表示根目录）

2.锚点（内部链接）

用<a name=" ">定义，例如：<a name="here1">第一部分</a>,使用<a href="#here1">跳转到第一部分</a>超链接就可以定位到网页中的“第一部分”这个位置
注意：
- <a href="#">...</a>与<a href=" ">...</a>的区别
锚点的跳转
- 使用# <a href="#锚点名">跳转</a>
- 跳转到指定页面指定锚点
  - http://www.lampuser.com/index.html#section2
```
  例子：
  <a name="mao1">...</a>
  <a href="#mao1">...</a>
```

八、图像

1.`<img>`

常用属性
- alt：代表图像的替代文字
- src：代表一个图像源（就是图像的位置）
- title：提示信息
- border：代表图片边框的宽度
- height：代表一个图像的高度
- width：代表一个图像的宽度
- usemap：将图像定义为客户端图像映像。
- ismap：将图像规定为服务器端图像映射。
常用格式
- GIF：最多支持256色，支持透明，支持多帧动画显示效果
- JPEG:支持多种颜色，可以有很高的压缩比，使用了有损压缩，不支持透明，不支持动画效果。
- PNG:是一种新的图片技术，可以表现品质比较高的图片，使用了无损压缩，支持透明，不支持动画

2.`<map>`定义图像映射

属性
- name
- id
<map>标签用于客户端图像映射。图像映像指带有可点击区域的一幅图像。
<img>标签中的usemap属性可引用<map>中的id或name属性（取决于浏览器），所以应该同时向<map>添加id和name属性。
<area>元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。

3.`<area>`定义图像地图内部的区域

属性
- alt：规定区域的替代文本。如果使用href属性，则该属性是必须的
- href URL 规定区域的目标URL
- coords：规定区域的坐标（x1,y1,x2,y2）,(x1,y1,r)
- shape：规定区域的形状
  - rect 矩形
  - circle 圆形
  - poly 多边形
- target：用来指出哪个窗口或框架应该被此链接打开
  - target=_blank:将链接内容在新的浏览器窗口中打开。
  - target=_self：将链接的内容，显示在目前的窗口中。
  - target=_parent：将链接内容当成文件的上一个画面。
  - target=_top：这个参数可以解决新内容被旧框窗包围的困扰，使用这参数，会将整个画面显示成链接的画面内容。
```
  例子：
  <body>
  	<img src="img/sun.gif" alt="" usemap="mymap">
  	<map name="mymap" id="mymap">
  		<area shape="rect" coords="100,100,200,200" href="http://www.taobao.com" alt="">
  		<area shape="circle" coords="500,250, 100" href="http://www.jd.com" alt="">
  	</map>
  </body> 
```

九、表格

1.`<table>`

属性
- border：边框，单位是像素，设置为0时则不显示边框
- 废弃属性：
  - width:表格宽度
  - height:表格高度
  - cellspacing：单元格间距，单位为像素，默认为2
  - cellpadding：单元格内边距，单位为像素，默认为1
  - align：表格相对于周围元素的位置，left/center/right
  - bgcolor:表格背景色
  - background：表格背景图片

2.`<caption>`

定义表格标题

3.`<thead>、<tfoot>、<tbody>`

废弃属性
- align ：内容的对齐方式
  - left
  - center
  - right
  - justify(两端对齐，IE不支持)
- valign:内容的垂直对齐方式
  - top
  - middle
  - bottom
  - baseline(效果与bottom差不多，字号有差异时，效果更好)
- bgcolor：背景颜色
- background：背景图片

4.`<tr>`

废弃属性
- align 行内文字的水平对齐方式
- valign 行内文字的垂直对齐方式top/middle/bottom
- bgcolor 背景颜色
- height 行高度

5.`<th>表头、<td>表示单元格`

废弃属性
- height/width：宽高
- align/valign：对齐
属性
- rowspan：合并行
- colspan：合并列

6.`<colgroup>`

用于对表格中的列进行组合，以便于对其进行格式化
属性
- span:规定<col>元素应该横跨的列数
废弃属性
- width
- align
- valign

7.`<col>`

规定了<colgroup>元素内部的每一列的列属性。

十、表单

1.`<form>`

定义一个HTML表单，用于用户输入
属性
- action
- method
  - get
    - IE6.0:url最大长度2083个字符，超过最大长度后无法提交
    - IE7.0：url最大长度2083个字符，超过最大长度后仍然能提交，但是只能传过去2083个字符
    - firefox 3.0.3:url最大长度7764个字符，超过最大长度后无法提交
    - Opera 9.52:url最大长度7648个字符，超过最大长度后无法提交
    - Google Chrome 2.0.168:url最大长度7713个字符，超过最大长度后无法提交
  - post
    - 大小不受限制，安全
- enctype
  - multipart/form-data(有文件表单时候，必须使用这个)
  - application/x-www.form-urlencoded
- target

2.`<input>`

定义一个输入控件
属性
- name
  - 必须有，否则数据无法传递
- type
  - text
  - password
  - radio
  - hidden
  - checkbox
  - submit
  - image
  - button
  - reset
  - file
```
  submit都是提交作用，image定义图像样式的提交按钮，必须配合src属性使用`<input type="image" src="submit.gif" alt="Subnit"/>`如果type="image"input会有img的相关属
```
- value
  - 默认值
- size
  - 显示宽度
- maxlength
  - 最大输入字符数
- checked
  - 当type为radio/checkbox的时候，选中项目
- readonly
  - 定义只读
- disabled
  - 禁用

3.`<button>`

定义按钮
属性
- type
  - submit
  - reset
  - submit
- name
- id

4.`<select>`

定义选择列表（下拉列表）
属性
- disabled：禁用
- name：必须有
- multiple：多选，默认会显示作有，名字要使用数组like[]
- size：显示几个下拉

5.`<option>`

定义选择列表中的选项
属性
- value：提交的值，若没有，则提交内容
- selected：定义选中项
- disabled：选项禁用

6.`<optgroup>`

把相关的选项组合在一起
属性
- disabled：规定禁用该选项
- lable：为选项组规定描述

7.`<textarea>`

属性
- cols：可见宽度
- rows：可见行数
- readonly：文本区只读
- name：必须有
- disabled：禁用

8.`<label>`

定义fieldset元素的标题
label元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label>标签的for属性应当与相关元素的id属性相同。
属性for

9.`<fieldset>`

定义围绕表单中元素的边框

10.`<legend>`

定义fieldset元素的标题

十一、框架分帧

1.`<iframe>`

标签规定一个内联框架

属性

name：定义iframe的名称
width：定义iframe宽度
height:定义height高度

src：要显示文档的url

  <iframe src="http://x.jd.com/exsites?spread_type=2&amp;ad_ids=553:5&amp;location_info=0&amp;callback=getjjsku_callback " width="300" height="250" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

2.x`<frame>`

定义框架集的窗口或框架

3.x`<frameset>`

定义框架集

4.x`<noframes>`

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

十二、程序

1.`<script>`

定义客户端脚本

2.`<noscript>`

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

3.`<object>`

定义嵌入的对象
- 定义一个嵌入的对象。请使用此元素向您的XHTML页面添加多媒体。此元素允许您规定插入HTML文档中的对象的数据和参数，以及可用来显示和操作数据的代码。
- <object>标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF以及Flash
- object的初衷是取代img和applet元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。
- 浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型
属性
- data:规定对象使用的资源URL
- type： MIME_type 规定data属性中规定的数据的MIME类型。
- usemap：#mapname 规定与对象一同使用的客户端图像映像的名称。
- width/height：宽度和高度

4.`<param>`

元素允许您为插入XHTML文档的对象规定run-time设置，也就是说，此标签可为包含它的<object>或者<applet>标签提供参数
属性
- name
- value

5.x`<applet>`

定义嵌入的applet

十三、HTML全局属性

1.`class`

规定元素的一个或多个类名（引用样式表中的类）
- class属性不能在以下HTML元素中使用
  - base
  - head
  - html
  - meta
  - param
  - script
  - style
  - title

2.`id`

规定元素的唯一id。

3.`dir`

规定元素中内容的文本方向
- 注释:dir属性在以下标签中无效
  - <base>
  - <br>
  - <frame>
  - <frameset>
  - <hr>
  - <iframe>
  - <param>
  - <script>

4.`style`

规定元素的行内CSS样式

5.`title`

规定有关元素的额外信息

6.`lang`

规定元素内容的语言
- lang属性在以下标签中无效
  - <base>
  - <br>
  - <frame>
  - <frameset>
  - <hr>
  - <iframe>
  - <param>
  - <script>
- 值:语言代码
  - 打开超链接http://www.w3school.com.cn/tags/html_ref_language_codes.asp

posted @ 2017-07-22 23:06 blue星期天阅读(383) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

blue星期天

HTML基本标签总结

回顾

结构标签

头部标签

格式标签

列表标签

文本标签

超链接

图像

表格标签

表单标签

框架分帧

HTML全局属性

一、HTML基本语法

1.HTML标签

2.HTML标签属性

3.HTML代码格式

4.HTML颜色设置

5.HTML注释

6.实体（特殊字符）

二、HTML文件主体结构标签

1.文档说明

2.<html>标签

3.<head>标签

4.<body>标签

三、head头部标签

1.标签

2.meta应用

3.常见MiME类型

四、格式排版标签

1.<br>

2.<hr>

3.<p>

4.<pre>

5.<hn>

6.<center>

五、列表标签

1.<ul>

2.<ol>

3.<li>

4.<dl>

5.<dt>

6.<dd>

7.<dir>

六、文本标签

1.<em>

2.<strong>

3.<cite>

4.<dfn>

5.<code>

6.<samp>

7.<kbd>

8.<abbr>

9.<bdo>

10.<del>

11.<ins>

12.<var>

13.<small>

14.<b>

15.<i>

16.<u>

17.<sub>

18.<sup>

19.<q>

20.<blockquote>

21.<address>

22.x<font>

23.x<tt>

24.x<big>

25.x<strike>

26.x<acronym>

七、链接和锚点<a>

1.超链接

2.锚点（内部链接）

八、图像

1.<img>

2.<map>定义图像映射

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

九、表格

2.`<html>`标签

3.`<head>`标签

4.`<body>`标签

1.`<br>`

2.`<hr>`

3.`<p>`

4.`<pre>`

5.`<hn>`

6.`<center>`

1.`<ul>`

2.`<ol>`

3.`<li>`

4.`<dl>`

5.`<dt>`

6.`<dd>`

7.`<dir>`

1.`<em>`

2.`<strong>`

3.`<cite>`

4.`<dfn>`

5.`<code>`

6.`<samp>`

7.`<kbd>`

8.`<abbr>`

9.`<bdo>`

10.`<del>`

11.`<ins>`

12.`<var>`

13.`<small>`

14.`<b>`

15.`<i>`

16.`<u>`

17.`<sub>`

18.`<sup>`

19.`<q>`

20.`<blockquote>`

21.`<address>`

22.x`<font>`

23.x`<tt>`

24.x`<big>`

25.x`<strike>`

26.x`<acronym>`

七、链接和锚点`<a>`

1.`<img>`

2.`<map>`定义图像映射

3.`<area>`定义图像地图内部的区域

1.`<table>`

2.`<caption>`

3.`<thead>、<tfoot>、<tbody>`

4.`<tr>`

5.`<th>表头、<td>表示单元格`

6.`<colgroup>`

7.`<col>`

1.`<form>`

2.`<input>`

3.`<button>`

4.`<select>`

5.`<option>`

6.`<optgroup>`

7.`<textarea>`

8.`<label>`

9.`<fieldset>`

10.`<legend>`

十一、框架分帧

1.`<iframe>`

2.x`<frame>`

3.x`<frameset>`

4.x`<noframes>`

1.`<script>`

2.`<noscript>`

3.`<object>`

4.`<param>`

5.x`<applet>`

1.`class`

2.`id`

3.`dir`

4.`style`

5.`title`

6.`lang`