一、企业应用计算的演变
Host-based
Client、server
Web-base（是当前用的最多的一种模式）
不同的客户端可以按装不同的东西，一代比一代更好，但是第三种（BS）是有缺点的，不支持大型产品，因为它支撑不起，但是它是最流行的，只要有互联网就可以用。建一个服务器就可以用了。
二、网页组成部分1-w3c标准
1、结构化标准语言（html&XML）
呈现网页内容，文字，图片等内容
2、表现标准语言（CSS）
网页样式，颜色，字体大小
3、行为标准语言（DOM&ECMAScript）
网页的交互行为（js），轮播图。
一）、网页的结构
1、文档标题，段落和列表等称做结构。结构使内容更加具有逻辑性，易用性。
在网页中，结构的定义使用的是html语言。
二）、网页的内容
创建网页的目的是为了将信息提供给浏览网页的用户看
三）、网页的表现形式
字体大小，字体颜色，版面布局，背景等等；所以外观都称为表现形式。在网页中用css样式来编写。
四）、网页的行为
网页与用户交互、响应鼠标或是按键事件，校验用户的输入，甚至动态地在网页运行时添加，更改文档内容，表现形式以及结构
三、web应用程序的组成部分2：web服务器
Internet存放网页的计算机称为web服务器。
Web服务器上通常会运行一个专门用来提供网页服务的wb服务器软件
Apache
Tomcat
IIS
Node.js
Web服务器本质上是一个可以提供网页浏览服务的可执行软件，web服务器启动后，改软件就一直运行，并监听为操作系统为该乳尖分配的端口（操作系统为web服务器分配的端口通常是80或8080）
（前端最主要用的服务器是node.js。js可以开发前端和后端。与Java一样可以做大型项目的开发。做网站优化是记得艺名（中文）和本命（IP地址）的区别是方便记。每一个数据都要指定一个端口（不同端口有不同的作用）这样是确定数据的交换。）
四、web应用程序的组成部分3：web浏览器
Web浏览器是一个连接到web服务器，向web服务器请求信息，然后解析返回来的html标记，并将其显示在浏览器窗口内的程序。
如各种浏览器。
对web标准的支持不同，造成跨浏览器网页编程困难。
对以上进行总结:WEB应用程序的组成部分3个：
页面，服务器，浏览器。
五、web应用程序的组成部分4:http协议
Web服务器和web浏览器是通过http（超文本传输协议）协议进行通信的。它是一套规则和过程，它使计算机能够通过web交换信息。有了http协议，那么不管这些计算机在哪个地方，使用的是什么操作系统，运行的是什么文本服务器软件，使用的是什么浏览器产品，它们都可以通过http相互通讯。
http协议的功能：
HTTP,HTTP协议的作用是什么?
HTTP：Hypertext Transfer Protocol
超文本传输协议（HTTP）是应用层协议，由于其简捷、快速的方式，适用于分布式和合作式超媒体信息系统。自 1990 年起，HTTP就已经被应用于WWW 全球信息服务系统。HTTP允许使用自由答复的方法表明请求目的，它建立在统一资源识别器（URI）提供的参考原则下，作为一个地址（URL）或名字（URN），用以标志采用哪种方法，它用类似于网络邮件和多用途网际邮件扩充协议（MIME）的格式传递消息。
HTTP 也可用作普通协议，实现用户代理与连接其它 Internet 服务（如 SMTP、 NNTP、 FTP、 GOPHER及WAIS ）的代理服务器或网关之间的通信，允许基本的超媒体访问各种应用提供的资源，同时简化了用户代理系统的实施。
HTTP是一种请求 / 响应式的协议。一个客户机与服务器建立连接后，发送一个请求给服务器，请求的格式是：统一资源标识符（URI）、协议版本号，后面是类似 MIME 的信息，包括请求修饰符、客户机信息和可能的内容。服务器接到请求后，给予相应的响应信息，其格式是：一个状态行包括信息的协议版本号、一个成功或错误的代码，后面也是类似 MIME 的信息，包括服务器信息、实体信息和可能的内容。
HTTP 的第一版本HTTP/0.9 是一种简单的用于网络间原始数据传输的协议。而由RFC1945定义的HTTP/1.0 ，在原 HTTP/0.9 的基础上，有了进一步的改进，允许消息以类 MIME 信息格式存在，包括请求/响应范式中的已传输数据和修饰符等方面的信息。但是，HTTP/1.0 没有充分考虑到分层代理服务器、高速缓冲存储器、持久连接需求或虚拟主机等方面的效能。相比之下，HTTP/1.1 要求更加严格以确保服务的可靠性。关于安全增强版的HTTP（即S-HTTP），将在相关文件中再作介绍。
六、网页的分类
静态网页：不便于修改
动态网页（2个）： 客户端、服务器
七、Html代码的语法
<html? <head> <title></title> </head> <body> <header></header> <sectong></section> <footer></footer> </body> </html>
上面三个框架是用到大的布局，《页眉，主题，页脚》
引入的路径包含：
本地路径，相对路径，绝对路径，一般网页都采用相对路径。
- ul为无序列表，ol为有序列表，都是要配合li，他们是组合标签，中间不能打乱其他标签。是固定的。做链接都是在li标签中加入<a>标签。
- ul，ol都是有属性的，标号的表示有，
Type=””,默认值：disc，实心圆；circle:空心圆；square：实心方块
- ul，ol都是有属性的，标号的表示有，
- dl标签里放dt，dd，是自定义标签，dt表示：标题，dd：列表的内容。
<dl>
<dt></dt>
<dd></dd>
</dl>
- 下面的和ul功能相似:
<dl>
<dt></dt>
</dl>
- H5的新增标签<nav></nav>导航标签，是语义化标签。
超链接：
站内：
顶部设计的一个锚点
底部设置了一个返回到本页的顶部。
站外：
是一个完整的URL地址，必须以http：//开头。
Alt作用：当图片不能正常显示时，显示alt属性设置的文字。
Title作用是提示。
-
Article作用：在网页中表示正文。
-
aside：表示侧边栏。
-
footer：页脚信息。
-
header：标题和副标题等等。
- Address标签表示作者的相关信息。斜体，无强调作用。
一般不放公司的地址信息。
- <em>标签是倾斜体，有强调作用。
字体格式化标签：
HTML常用特殊字符：只要你认识了 HTML 标记，你便会知道特殊字符的用处。
< < 小于号或显示标记 > > 大于号或显示标记 & & 可用于显示其它特殊字符 " “ 引号 ® ? 已注册 © ? 版权 ™ ? 商标   ? 半个空白位   ? 一个空白位 不断行的空白
- Video标签：视频，有宽高，control。control的含义是设置是否显示控制面板，视频会显示播放的按钮等功能。
- 属性有：
-
- src ：视频的属性
- poster：视频封面，没有播放时显示的图片
- preload：预加载
- autoplay：自动播放
- loop：循环播放
- controls：浏览器自带的控制条
- width：视频宽度
- height：视频高度
-
- 属性有：
真正影响视频的只有宽度。高度值是随元素改变。
- Table 表格:
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
- <hr> :水平线
- <pre></pre>是预格式化标签：内容与编写的格式在浏览器上是一样的，但是字体变小了。
下面的元素决定以后的布局，必须重点掌握：
