1)Trident引擎就是IE的WebBrowser控件，非IE核心的浏览器用WebKit引擎

2)静态页面：一个html页面保存在服务器上

   动态页面：服务器动态生成的HTML页面发给浏览器

3)HTML中属性值可以用单引号，也可以用双引号

4)格式标签：<p></p>创建段落，<br/>回车(可以不关闭，与XML区别)

5)特殊字符：&lt;-小于号，&gt;-大于号，&nbsp;-空格

6)注释：<!--*****-->

7)W3C页面可以用来校验html的正确性、是否符合规范

8)<pre></pre>可以按原本的文本形式进行输出，可以正常显示空格

9)回车只是换行，而段落之间会有较大的空白

10)../image/pic.jpg-----父目录

     /image/pic.jpg-----根目录

     ../ ../image/pic.jpg-----父目录的父目录

     image/pic.jpg-----当前目录

11)<a>的target属性设定为“_blank”就可以在新窗口中打开超链接

12)<a name=”hre”>+href属性，用于超链接

13)img中最好指定width、height，哪怕图片没有加载完成，也会先把位置占上

     图片的缩略图的实现，不能仅仅通过width、height设置。应该用PS等工具将原大图按百分比进行缩略处理，在项目中同时有大图和小图两个

14)网站与服务器通讯：表单

15)<form>为表单标签，若要把数据提交到服务器，则需要将<input><textarea><select>等表单元素放到form中

16)<input>是主要的表单元素，通过type设置类型为submit、button、checkbox、file、hidden、image、password、radio、reset、text

     //submit：点击submit按钮，表单就会被提交给服务器，IE默认按钮文本为“提交查询”，通过设置value修改

     //text：size控件大小，value控件文本，maxlength控件中文本最大长度(最大为50)，readonly=”readonly”只读(也可以只写readonly，不推荐)

     //checkbox：checked=”checked”显示选中状态(也可只写checked，不推荐)

     //radio：同一组radio用name进行分组，组内选中状态才可以互斥，组间不会互相影响

     //file：form的enctype属性设置为multipart/form-data、method属性为post时，file才能提交服务器

     //image：使用src属性指定图片地址，可用来实现美化的“登录按钮”

17)<select>标签用来创建类似winform的combobox或listbox(通过size大小来区分是哪个，size的值为显示出来的列表数量，大于1为listbox，或设置select的multiple属性)

     <select>的每一项用<option>，项的值(索引值，而非文本值)属性为value，默认选中属性<option selected=”selected”>(可以同时对多项进行此设置)，value=http://www.mamicode.com/”-1”时表 >

     <select>分组还可以用optgroup，label用来设置组的标题，标题不可以被选中

18)<textarea>中，cols和rows用来设置列行

19)<hr/>：打横线

20)<label>for=”name”表示为id=name的控件服务，用来实现点击一个文本时使光标锁定到用户要操作的位置

21)<fieldset>类似于winform的groupbox，legend标签用来设置标题，里面用input标签填充其它类型的控件

22)CSS层叠样式表之style样式

　　(1)在某个元素上直接设置style样式

　　　　在元素的style内设置background-color项等样式信息

　　(2)页面嵌入

　　　　Head标签中写style标签，设置type=”text/css”，内容位置编辑input{}p{}等，设置样式，在body中的input等标签里用type=”text”引用CSS

　　(3)引用CSS文件

　　　　Head中建link标签，type=”text/css”, rel=”stylesheet”, href=http://www.mamicode.com/”css1.css”;body中用type引用CSS

　　//换肤效果：引用两个CSS文件，进行切换

23)层：div，把一对内容打包进行整体移动、隐藏等操作，类似于panel

     块：span，同为打包，并能同标签外的文本同行显示，而div单独占据一行，标签前后的文本与标签分行显示

　  //div是将内容放到一个矩形的区块中，会影响布局，而span只是把一段内容定义成一个整体进行操作，但不应该布局、显示

24)常见style样式：

　　（1）    css计量单位：px像素，30%百分比，em相对单位

　　（2）    background-color

　　（3）    border-style(默认无边框)，border-color，border-width(默认为0)

　　（4）    display，元素是否显示：none，block块级元素(类似于div)，inline内联元素(类似于span)

　　（5）    cursor，鼠标在元素上显示的光标图标，cursor(默认)，pointer，text，walt，help

　　　　　　//设置个性图标时，元素的样式中cursor：url(sth.ani);

　　　　　　//.ani或者.cur格式的文件才可以如上设置

　　（6）    li不显示圆点：LIST-STYLE-TYPE：none，用于li或ul上

25)<u></u>用来对文本添加下划线

26)样式选择器：标签选择器，class选择器，id选择器

　　(1)标签选择器：input{border-color:yellow}，则所有input元素都会采用此样式

　　(2)class选择器：在<style>内声明name{background:yellow}，在body的元素中用class=”name”进行引用

　　注：标签+class选择器：input.name{}label.name{}，实现了不同标签下同名class的不同样式

　　(3)id选择器：head的style中定义#idname{},body中<input id=”idname” class=”name” type=”text” value=http://www.mamicode.com/”…”/>

27)关联选择器：P strong{}，表示P标签内的strong标签内的样式

28)组合选择器：H1,H2,input{}，同时为多个标签设定一个样式

29)伪选择器：为标签的不同状态设定不同的样式，visited超链接点击过的样式，active选中超链接的样式，link超链接未访问的样式，hover鼠标移到超链接的样式

　　　　　　  A：visited/active/link/hover{TEXT-DECORATION:none/underline}

30)设置超链接样式：在head中创建link标签，在link标签中设置样式