一、浏览器内核
浏览器内核可以分为两个部分：渲染引擎（layout engineer 或者 Rendering Engine）和 JS 引擎。
1.Trident（IE内核）
2.Gecko（firefox）
3.webkit（Safari）
4.Chromium/Bink（chrome），使用bink内核
5.Presto（Opera），使用bink内核
二、web标准
Web标准不是某一个标准 ,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构( Structure)、表现(Presentation)和行为(Behavior) 三个方面。.
结构标准:结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。
样式标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
行为标准:行为是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两个部分。
理想状态我们的源码: .html .css js
三、HTML骨架格式 --文本标签语言
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
①html标签:作用所有html中标签的一个根节点。
②head标签:用于存放: title,meta,base,style,script,link注意在head标签中我们必须要设置的标签是title
③title标签:作用:让页面拥有一个属于自己的标题。
④body标签:作用:页面在的主体部分，用于存放所有的html标签: p,h,a,b,u,i,s,em,del,ins,strong,img
⑤：声明html 5版本
四、HTML标签
1.标签分类
①双标签
②单标签 如：换行标签<br/>
2.标签关系
嵌套关系
并列关系
3.排版标签
①标题标签：h1~h6
②段落标签：p ，自动换行
③水平线标签：<hr/>
④换行标签：<br/>
⑤div span 标签：没有语义，用于网页布局。div 是分区的意思。span 是跨度，跨距，范围的意思。
⑥文本格式化标签：
b i s u 只有使用 没有 强调的意思。strong em del ins 语义更强烈。
4.图片标签
<img src="" alt="" title="">
5.连接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
目标窗口的弹出方式：_self 当前页面打开。 _blank 新页面打开。
6.锚点定位
1.<a href="#id名">链接文本</a>
2.相应的id名标注跳转目标的位置
7.base标签
base 在head中可以设置整体链接的打开状态
8.注释标签
<!-- 注释内容 -->
五、特殊字符
六、路径问题
1.图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可，如<img src="logo.gif" />
2.图像文件位于HTML文件的下一级文件夹: 输入文件夹名和文件名，之间用 / 隔开，如<img src="img/img01/logo.gif" />
3.图像文件位于HTML文件的上一级文件夹: 在文件名之前加入 ../，如果是上两级，则需要使用../../以此类推，如<img src=" ../logo.gif" />
4.在网页上获取图片地址也可以作为路径。
七、列表
1.无序列表
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
注意：
1. <ul></ul>中 只能嵌套<li></li>,直接在<ul></ul>标签中輸入其他标签或者文字的做法是不被允许的。
2. <li>与</li>之同相当于一个容器，可以容纳所有元素。
3.无序列表会帯有自己样式属性，放下那个祥式，一会让css来!
2.有序列表
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
3.自定义列表
定义列表常用于术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。基本语法如下：
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
</dl>