列表标签：
HTML 中有有序列表(ol)，无序列表(ul)和自定义列表(dl)。不管何种列表，其中只能涵盖列表项标签（li），dl 标签除外。
html全称为HyperText Mackeup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。
超文本：音频，视频，图片称为超文本。
标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。
作用：编写HTML页面。
注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行。
2、HTML的历史：
大家专门来对XHTML做一个介绍。
XHTML介绍：
XHTML：Extensible Hypertext Markup Language，可扩展超文本标注语言。
XHTML的主要目的是为了取代HTML，也可以理解为HTML的升级版。
HTML的标记书写很不规范，会造成其它的设备(ipad、手机、电视等)无法正常显示。
XHTML与HTML4.0的标记基本上一样。
XHTML是严格的、纯净的HTML。
编写XHTML的规范：
（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：<h1><font></font></h1>
（2）所有的标记都必须小写。
（3）所有的标记都必须关闭。
双边标记：<span></span>
单边标记：<br> 转成 <br /> <hr> 转成 <hr />还有<img src=“URL” />
（4）所有的属性值必须加引号。<font color="red"></font>
（5）所有的属性必须有值。<hr noshade="noshade">、<input type="radio" checked="checked" />
（6）XHTML文档开头必须要有DTD文档类型定义
3、HTML的网络术语：
网页 ：由各种标记组成的一个页面就叫网页
主页(首页) : 一个网站的起始页面或者导航页面
标记： <p>称为开始标记 ，</p>称为结束标记，也叫标签。每个标签都规定好了特殊的含义。
元素：<p>内容</p>称为元素.
属性：给每一个标签所做的辅助信息。
xhtml： 符合XML语法标准的HTML。
dhtml：dynamic，动态的。javascript + css + html合起来的页面就是一个dhtml。
http：超文本传协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议，ftp:文件传输协议。
4、HTML的编辑工具：
NotePad：记事本。
EditPlus：语法高亮显示。技巧： 根据颜色判断单词是否出错 （不是100%）。不好的地方：没有代码提示。
UltraEdit：根据颜色判断单词是否出错，可以显示2进制数据。
Sublime：新一代的代码编辑器。
dw(dreamweaver，专业工具) ：建立WEB站点和应用程序的专业工具。它将布局功能、开发工具、代码编辑组合在一起。有代码提示。
5、计算机编码介绍：
计算机只能处理二进制的数据，其它数据，比如：0-9、a-z、A-Z，这些字符，大家定义一套规则来表示。假如：A用110表示，B用111表示等。
ASCII码：
美国发布的，用1个字节(8位二进制)来表示一个字符，共可以表示2^8=256个字符。
美国的国家语言是英语，只要能表示0-9、a-z、A-Z、特殊符号。
ANSI编码：
每个国家为了显示本国的语言，都对ASCII码进行了扩展。用2个字节(16位二进制)来表示一个汉字，共可以表示2^16＝65536个汉字。例如：
中国的ANSI编码是GB2312编码(简体)，对6763汉字进行编码，含600多特殊字符。另外还有GBK(简体)。
日本的ANSI编码是JIS编码。
台湾的ANSI编码是BIG5编码（繁体）。
GBK：
对GB2312进行了扩展，用来显示罕见的、古汉语的汉字。现在已经收录了2.1万左右。并提供了1890个汉字码位。K的含义就是“扩展”。
Unicode编码(统一编码)：
用4个字节(32位二进制)来表示一个字符，想法不错，但效率太低。例如，字母A用ASCII表示的话一个字节就够，可用Unicode编码的话，得用4个字节表示，造成了空间的极大浪费。A的Unicode编码是0000 0000 0000 0000 0000 0000 0100 0000
UTF-8(Unicode Transform Format)编码：
根据字符的不同，选择其编码的长度。比如：一个字符A用1个字节表示，一个汉字用2个字节表示。
毫无疑问，开发中，都用UTF-8编码吧，准没错。
6、HTML颜色介绍：
颜色表示：
纯单词表示：red、green、blue、orange、gray等
10进制表示：rgb(255,0,0)
16进制表示：#FF0000、#0000FF、#00FF00等
RGB色彩模式：
自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得，这就是人们常说的三原色原理。
RGB三原色也叫加色模式，这是因为当大家把不同光的波长加到一起的时候，可以得到不同的混合色。例：红+绿=黄色，红+蓝＝紫色，绿+蓝=青
在数字视频中，对RGB三基色各进行8位编码就构成了大约1678万种颜色，这就是大家常说的真彩色。所有显示设备都采用的是RGB色彩模式。
RGB各有256级(0-255)亮度，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256=16777216
二、HTML的规范
HTML是一个弱势语言
HTML不区分大小写
HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)
HTML的结构：
声明部分：主要作用是用来告诉浏览器这个页面使用的是那个标准。是HTML5标准。
head部分： 不会显示在页面上，作用是告诉服务器一些页面的额外信息。
body部分：大家所写的代码必须放在此标签內。
目前，IE浏览器是完全不支持H5的，支持最好的是Opera浏览器，可以支持95%以上；其次是google，可以支持一部分H5。
使用DW让网页图片置顶，可分三种情况：
1.CSSreset
在HTML标签在浏览器里有默认的样式，例如p
标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE
下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给大家带来麻
烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简
单的说法就是把浏览器提供的默认样式覆盖掉
根据本题提问主要涉及到以下CSSReset
html,body,
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,caption,tbody,tfoot,thead,article,aside,
canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,
section,summary,time,mark,audio,video{margin:0;padding:0;
border:0;outline:0;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
td,tdimg{vertical-align:top}
2.图片为页面中插入的img，如<imgsrc=”../images/1.jpg”/>
如果已经设置了以上的cssreset，在没有专门设置其它任何间距的情况下，图片默认也是置顶的。
3.图片为背景图片如
div{width:100%;height:50px;background:url(../images/1.jpg)lefttop
no-repeat;}其中的lefttop就是定义图片位置的，让图片水平居左垂直居上显示，也就是说此时图片也是置顶的；lefttop
也可以换成数值如background:url(../images/1.jpg)00no-repeat;