一、浏览器与服务器
1、浏览器：
浏览器是帮助用户进行浏览网页的软件；
浏览器与浏览器内核：ie：trident、safari:webkit、ff:gecko、chrome,opera:blink。
2、服务器：
浏览器接受用户操作→浏览器封装HTTP请求→连接服务器：DNS解析→发送请求Request→服务器接收请求→处理请求→返回响应报文→浏览器接收响应报文→渲染页面呈现。
二、网页结构
HTML：页面结构
CSS：页面样式表现
JavaScript：交互行为
三、html结构与语法
1、结构
文档，头部，身体，内容。
特点：成对出现，有开有闭合，尖括号括住了标签名。结束标签内增加了斜线。
2、语法
1.HTML标签以 ”<“开头。
2.紧接着就是标签名（中间没空格）
3.标签名之后如果有属性的话，加空格然后是属性名=""
4.如果有多个属性，属性间用空格隔开，空格可以有多个。
5.属性结束后可以加一个或多个空格。
6.然后是结束标签">",如果是闭合标签需要在标签名前加”/"，例如：</p>。
7.单标签，斜线没有任何意义，可有可无。
8.标签中间可嵌套内容。
四、html的基本文档格式
1、<!DOCTYPE>标记
<!DOCTYPE>标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。主要用于浏览器解析文档标签的依据。必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档，并按指定的文档类型进行解析。<!DOCTYPE>标记和浏览器的兼容性相关，删除，就是把如何展示HTML页面的权利交给浏览器。这时，IE6，IE7，IE8，Firefox2，Firefox3，Chrome，有多少种浏览器，页面就有可能有多少种显示效果，这是不被允许的。
2、<meta>标记
<meta charset="UTF-8">,
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
gb2312简单中文
GBK包含全部中文字符繁体
BIG5繁体中文
UTF-8则包含全世界所有国家需要用到的字符
五、html文档头部相关标记<title>
其基本语法格式如下：
<title>网页标题名称</title>
title标签对于网站SEO至关重要，标题的好坏直接影响网站的SEO
SEO（Search Engine Optimization）：网站搜索引擎优化
