B/S架构详解
* 资源分类：
1. 静态资源
* 使用静态网页开发技术发布的资源。
* 特点：
1. 所有用户访问，得到的结果是一样的。
2. 如：文本，图片，音频，视频，HTML，CSS，JavaScript
3. 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源。
2. 动态资源：
* 使用动态网页及时发布资源。
* 特点：
* 所有用户访问，得到的结果可能不一样。
* 如：jsp/servlet, php, asp
* 如果用户请求的是动态网页，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器。
* 我们要学习动态资源，必须先学习静态资源
* 静态资源：
* HTML：用于搭建基础网页，展示页面的内容。
* CSS：用于美化页面，布局页面。
* JavaScript： 控制页面的元素，让页面有一些动态的效果。
HTML基础
1. 概念：
* Hyper Text Markup Language 超文本标记语言
* 超文本：
* 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
* 标记语言：
* 由标签构成的语言。<标签名称> 如 html , xml。
* 标记语言不是编程语言。
2.标签学习：
1.文件标签：构成html最基本的标签
* html：html文档的根标签
* head：头标签。用于指定html文档的一些属性。引入外部的资源
* title：标题标签。
* body：体标签
* ：html5中定义该文档是html文档
2.文本标签：和文本有关的标签
* 注释：
* to ：标题文件标签
* h1 ~ h6 ：字体大小主键递减
*
：段落标签
*
：换行标签
* 属性：
* color：颜色
* width：宽度
* size：高度
* align：对其方式
* center：居中
* left：左对齐
* right：右对齐
* ：字体加粗
* ：字体斜体
* ：文本居中
* ：字体标签
* 属性：
* color：颜色
* size：大小
* face：字体
* 属性定义：
* color：
1. 英文单词：red、green、blue
2. rgb(值1，值2，值3)：值的范围：0~255 如：rgb(0,0,255)
3. #值1 值2 值3 ： 值的范围：00~FF之间。如：#FF00FF
* width：
1. 数值：whdth = '20' , 数值的单位，默认是px (像素)
2. 数值%：表示相对于父元素的比例
3. 图片标签：
* 相对路径 ：
* 以.开头的路径
* ./ : 代表当前目录 ./image/1.ipg
* ../ : 代表上一级目录
4. 列表标签：
* 有序列表：
-
-
-
* 无序列表：
5. 链接标签：
* a：定义一个超链接
* 属性：
* href：指定访问资源的URL（统一资源定位符）
* target：指定打开资源的方式
* _self：默认值，在当前页面打开
* _blank：在空白页面打开
6. div和span：
* div：每一个div占满一行。块级标签。
* span：文本信息在一行展示，行内标签，内联标签。
7. 语义化标签：html5中为了提高程序的可读性，提供了一些标签。(结合css一起使用)
1.
2.
