HTML基本标签总结

HTML基本标签总结
回顾

结构标签
- html
- body
- head
头部标签
- meta
- title
- link
格式标签
- hn
- br
- hr
- p
- pre
- center
列表标签
- ul
- li
- ol
- dl
- dt
- dd
文本标签
- em
- strong
- q
- blockquote
- cite
- bdo
- kbd
- var
- code
- sub
- sup
- address
- abbr
- .......
超链接
- a
图像
- 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时则不显示边框
  - 废弃属性：
    
    表格宽度
    
    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&ad_ids=553:5&location_info=0&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
相关阅读:
UML 类与类之间的关系
 HTTP协议基础
 LDAP介绍
 UML 类与类之间的关系
 我的桌面
 RoR的OO与敏捷[1][88250原创]
Ubuntu7.10纯仿Leopard[00原创]
37个我爱Ruby的理由
 在Ubuntu 7.10上安装Rails[00整理]
RoR的OO与敏捷[1][88250原创]
原文地址：https://www.cnblogs.com/1666818961-lxj/p/7223197.html

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>定义图像地图内部的区域

九、表格

1.<table>

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`