网页主要是由文字，图像和超链接等元素构成，还包含音频，视频以及Flash等。
1、了解常用浏览器（IE浏览器，Firefox浏览器，Safari浏览器，Chrome浏览器，Opera浏览器）的内核：
（1）Trident(IE浏览器)
（2）Gecko（Firefox）
（3）webkit(Safari)
（4）Chromium/Blink（Chrome）
（5）Presto（Opera）
移动端的浏览器内核主要说的是系统内置浏览器的内核。Android手机而言，使用率最高的是Webkit内核，大部分国产浏览器宣称的自己的内核，基本上也是属于webkit二次开发。IOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者IE内核Trident的。浏览器的内核不同，所以工作原理，解析肯定不同，显示就会有差别，所以产生了web标准。
2、WEB标准
web标准不是某一个标准，而且由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构，表现和行为三个方面。
- 结构标准：结构用于对网页元素进行整理和分类，主要指HTML
- 表现标准：表现用于设置网页元素的版式，颜色，大小等外观样式，主要指的是CSS。
- 行为标准：行为是指网页模型的定义以及交互的编写，咱们主要学的是JavaScript。
3、HTML初识
HTML（Hyper Text Markup Language）中文译为超文本标签语言，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片，声音，动画，多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
- HTML不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签
- HTML作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。
HTML基本骨架格式：
<HTML>
<head>
<title></title>
</head>
<body>
</body>
</HTML>
1、HTML标签：作用所有HTML中标签的一个根节点，最大的标签 根标签
2、head标签：文档的头部。文档的头部描述了文档的各种属性和信息，包括文档的标题，在web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
3、title标签：文档的标题。作用：让页面拥有一个属于自己的标题
4、body标签：文档的主体。以后我们的页面内容。基本都是放到body里面的。body元素包含文档的所有内容（比如文本，超链接，图像，表格和列表等等）
HTML标签分类：
在HTML页面中，带有<>符号的元素被称为HTML标签，如上面提到的<HTML>，<head>,<body>都是HTML骨架结构标签，所谓标签就是放在<>标签符中表示某个功能的编码命令，也称为HTML标签或HTML元素。
1、双标签
<标签名>内容</标签名>
该语法中<标签名>表示该标签的作用开始，一般称为开始标签，</标签名>表示该标签的作用结束，一般称为结束标签。
2、单标签
<标签名/>
单标签也称空标签，是指用一个标签符合即可完整的描述某个功能的标签。
HTML标签关系：
1、嵌套关系
<head><title></title></head>
2、并列关系
<head></head>
<body></body>
<!DOCTYPE html>标签位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范，必须在开头处使用<!DOCTYPE>标签为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能按指定的文档类型进行解析。
字符集：utf-8是目前最常用的字符编码方式，常用的字符集编码方式还有gbk和gb2312
gb2312简单中文 包括6763个汉字。
BIG5繁体中文 港澳台等用
GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
UTF-8则包含全世界所有国家需要用到的字符。
PS：以后均使用UTF-8字符集，这样就避免出现字符集不统一而引起的乱码情况了。
HTML标签的语义化：指标签的含义
1、标题标签：
单词缩写：head 头部，标题 title——文档标题
HTML提供了6个等级的标题：<h1>,<h2>,<h3>,<h4>,<h5>,<h6> (从大到小)
2、段落标签：
单词缩写：paragraph 段落 。在网页中要把文字有条理的显示出来，离不来段落标签，可以将整个网页分为若干个段落。
<p>文本内容</p>
3、水平线标签：
单词缩写：horizon 横线。 在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单通过标签来完成， <hr /> 就是创建横跨网页水平线的标签。
4、换行标签：
单词缩写：break 打断，换行
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要用换行标签。
<br />
5、div span标签
这俩个标签是没有语义的，是网页布局主要的2个盒子。CSS+div布局。
div是division的缩写，分割，分区的意思，其实有很多div来组合网页
span跨度，跨距，范围
语法格式：
<div>这是头部</div> <span>今日价格</span>
6、文本格式化标签：
在网页中，有时需要为文字设置粗体，斜体或下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。
7、图像标签img
单词缩写：Image 图像。HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签。
基本语法格式：该语法中src属性用于指定图像文件的路径和文件名，是img标签的必需属性。
<img src="图像URL"/>
<img />标记属性：
