第一节 浏览器知识
什么是浏览器
- 浏览器是网页运行的平台，常用的浏览器有IE、360、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。
什么是内核
- 浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。
| chrome | firefox | safari | IE | opera | |
|---|---|---|---|---|---|
| 排版引擎 | blink | Gecko | webkit | Trident | blink |
| Javascript引擎 | V8 | Spidermonkey | Nitro | Chakra | carakan |
参考:http://www.jianshu.com/p/74b6117f1022
网页的定义
- 网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。
网页的形成：特殊的符号和文本经过浏览器的渲染生成图文并茂的页面。
网页的组成：
HTML：页面结构
CSS：页面样式表现
JavaScript：交互行为
网页乱码的产生及解决途径
网页乱码的产生
- 世界上存在着多种编码方式，同一个二进制数字可以被解释成不同的符号。因此，当浏览器解析时的解码方式和你文档保存时所用的编码方式不一致，你打开的文档就会是乱码。
解决乱码的途径
- 当你在编写文档时，应该html的head 里用mata标签注明你使用的是什么编码方式。这样浏览器就会以你的编码方式解码。
第二节 html基础
HTML简介
- HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
HTML之所以称为超文本标记语言，不仅是因为他通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。
HTML的结构
HTML的结构包括：
表示html文档
html的头部部分
内容
html的身体部分
- 特点：成对出现，有开有闭合。
- 语法：<标签名> 标签内容
第一：标签成对出现。
第二：结束标签内部用/开头。
第三：标签可以嵌套。
第四：标签名之后如果有属性的话，加空格然后是属性名=""。
第五：如果有多个属性，属性间用一个或多个空格隔开。
HTML的头部标签
- Doctype标签，文档协议声明标签
声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 - head标签
标签用于定义HTML文档的头部信息，主要用来封装其他位于文档头部的标记，例如、、及