浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。
浏览器内核又可以分成两部分：渲染引擎(layoutengineer或者RenderingEngine)和JS引擎。渲染引擎：它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。JS引擎则是解析Javascript语言，执行javascript语言来实现网页的动态效果。
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个ACID来测试引擎的兼容性和性能。内核的种类很多，如加上没什么人使用的非商业的免费内核，可能会有10多种，但是常见的浏览器内核可以分这四种：Trident、Gecko、Blink、Webkit。
了解一点：移动端的浏览器内核主要说的是系统内置浏览器的内核。Android手机而言，使用率最高的就是Webkit内核，大部分国产浏览器宣称的自己的内核，基本上也是属于webkit二次开发。
iOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者IE内核Trident的
web标准的好处1、让Web的发展前景更广阔
2、内容能被更广泛的设备访问
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度
结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。最重要表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是Javascript
HTML（英文HyperTextMarkupLanguage的缩写）中文译为“超文本标签语言”。是用来描述网页的一种语言。
所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
我是一个大标题
注意：体会文本标签语言几个词语总结：HTML作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。
注意在head标签中我们必须要设置的标签是title
3.title标签：文档的标题作用：让页面拥有一个属于自己的标题。4.body标签：文档的主体以后我们的页面内容基本都是放到body里面的body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
在HTML页面中，带有“<>”符号的元素被称为HTML标签，如上面提到的HTML、head、body都是HTML骨架结构标签。所谓标签就是放在“<>”标签符中表示某个功能的编码命令，也称为HTML标签或HTML元素
1.双标签
<标签名>内容该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（starttag）”，“”表示该标签的作用结束，一般称为“结束标签（endtag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。
比如
我是文字2.单标签<标签名/>单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
比如
HTML标签关系标签的相互关系就分为两种：
1.嵌套关系
HTML标签有很多，这里我们学习最为常用的，后面有些较少用的，我们可以查下手册就可以了。
排版标签
单词缩写：head头部.标题title文档标题
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即
、、、、和其基本语法格式如下：
、、和其基本语法格式如下：
和其基本语法格式如下：
文本内容
水平线标签（认识）是单标签换行标签（熟记）
divspan标签(重点)divspan是没有语义的是我们网页布局主要的2个盒子css+div
div就是division的缩写分割，分区的意思其实有很多div来组合网页。
span,跨度，跨距；范围
语法格式：
bisu只有使用没有强调的意思strongemdelins语义更强烈
使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：
<标签名属性1="属性值1"属性2="属性值2"…>内容在上面的语法中，
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
采取键值对的格式key="value"的格式
比如:
值是400
单词缩写：image图像
该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必需属性。
单词缩写：anchor的缩写[k(r)]。基本解释锚,铁锚的
在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，其基本语法格式如下：
target：用于指定链接页面的打开方式，其取值有self和blank两种，其中self为默认值，blank为在新窗口中打开方式。
注意：
4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：
base写到
之间把所有的连接都默认添加target="_blank"
在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。其基本语法格式如下：
ctrl+/或者ctrl+shift+/注释内容不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，也会被下载到用户的计算机上，查看源代码时就可以看到。
实际工作中，通常新建一个文件夹专门用于存放图像文件，这时再插入图像，就需要采用“路径”的方式来指定图像文件的位置。
根目录当前目录
路径可以分为：相对路径和绝对路径
以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的
无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：
- 列表项1
- 列表项2
- 列表项3 ......
有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：
- 列表项1
- 列表项2
- 列表项3 ......
但是实际工作中，较少用olimgsrc="media/1.jpg"/>
定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下：
| 单元格内的文字 | ...
2.tr用于定义表格中的一行，必须嵌套在table标签中，在table中包含几对tr，就有几行表格。
3.td/td：用于定义表格中的单元格，必须嵌套在
1.
表头一般位于表格的第一行或第一列，其文本加粗居中，如下图所示，即为设置了表头的表格。设置表头非常简单，只需用表头标签th
在使用表格进行布局时，可以将表格划分为头部、主体和页脚（页脚因为有兼容性问题，我们不在赘述），具体如下所示：
：用于定义表格的头部。
必须位于
位于
表格的标题：caption定义和用法
caption元素定义表格标题。
跨行合并：rowspan跨列合并：colspan
合并单元格的思想：
将多个内容合并的时候，就会有多余的东西，把它删除。例如把3个td合并成一个，那就多余了2个，需要删除。公式：删除的个数=合并的个数-1合并的顺序先上先左
表格的学习要求：能手写表格结构，并且能合并单元格。
表单控件：
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。提示信息：
一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。表单域：
他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。input控件(重点)在上面的语法中，input/标签为单标签，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，input/标签还可以定义很多其他的属性，其常用属性如下表所示。
label标签为input元素定义标注（标签）。
作用：用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获得输入焦点
如何绑定元素呢？
for属性规定label与哪个表单元素绑定。
使用select控件定义下拉菜单的基本语法格式如下
注意：
在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：