day01 web
1、HTML + CSS + UI ---打基础
2、Javascript ---客户端动态的效果
3、HTML5CORE + AJAX + Jquery
4、Bootstrap, Angular JS + 其他框架
1、HTML:中文汉语拼音读
CSS3BASIC + PRO：
UI + PRO ：
CSS3CORE + PRO ： 最新版本的CSS核心内容
=======================================================================================
大的环境：网络环境
1、Internet
（1）什么是Internet
是全球性计算机互联网络，是由若干终端（PC,移动端）以及特殊的传输介质而组成的一个网络结构。
PC:Personal Computer
（2）提供的服务
信息共享
Telnet：远程连接（黑客、服务器）
Email：电子邮件
WWWW: 万维网 www.baidu.com 所访问的网页
BBS： 电子公告板，论坛。eg：百度贴吧 猫扑 天涯论坛、各大校区的论坛
FTP: 上传和下载服务 通过FTP传到服务器的指定位置处，再通过FTP把它下载下来。
（3）实现技术
a、分组交换原理：两台计算机在互连，在进行数据传递的时候，某一台计算机需要将计算机进行拆分（拆包）。
数据通过数据包进行传递，到达目的地后，对数据包进行重组。
b、TCP/IP 协议簇： 如何找到你要交互的那台计算机。就好比茫茫人海中找到一个对话的人。
2、Web
（1）什么是web（World wide web）
一定是在Internet这个范围内，产生的一组应用，依托于Internet。
w3c : www 3 consortium 万维网联盟
民间机构，消费者协会
大的知名企业---微软Microsoft、sun、IBM、apple
专门制定Internet的规范
（2）能干什么
能够将各类的信息和服务进行连接，提供图形用户界面
信息：文字、图片、音频、
1、HTML + CSS + UI ---打基础
2、Javascript ---客户端动态的效果
3、HTML5CORE + AJAX + Jquery
4、Bootstrap, Angular JS + 其他框架
1、HTML:中文汉语拼音读
CSS3BASIC + PRO：
UI + PRO ：
CSS3CORE + PRO ： 最新版本的CSS核心内容
=======================================================================================
大的环境：网络环境
1、Internet
（1）什么是Internet
是全球性计算机互联网络，是由若干终端（PC,移动端）以及特殊的传输介质而组成的一个网络结构。
PC:Personal Computer
（2）提供的服务
信息共享
Telnet：远程连接（黑客、服务器）
Email：电子邮件
WWWW: 万维网 www.baidu.com 所访问的网页
BBS： 电子公告板，论坛。eg：百度贴吧 猫扑 天涯论坛、各大校区的论坛
FTP: 上传和下载服务 通过FTP传到服务器的指定位置处，再通过FTP把它下载下来。
（3）实现技术
a、分组交换原理：两台计算机在互连，在进行数据传递的时候，某一台计算机需要将计算机进行拆分（拆包）。
数据通过数据包进行传递，到达目的地后，对数据包进行重组。
b、TCP/IP 协议簇： 如何找到你要交互的那台计算机。就好比茫茫人海中找到一个对话的人。
2、Web
（1）什么是web（World wide web）
一定是在Internet这个范围内，产生的一组应用，依托于Internet。
w3c : www 3 consortium 万维网联盟
民间机构，消费者协会
大的知名企业---微软Microsoft、sun、IBM、apple
专门制定Internet的规范
（2）能干什么
能够将各类的信息和服务进行连接，提供图形用户界面
信息：文字、图片、音频、视频、数据包
服务：Telnet、FTP、Mail、HTTP... ...
（3）万维网就是无数的文档集合（网页文档），文档会驻留在世界（互联网）的任何一个角落。
3、web的工作原理
web是基于Internet的多媒体信息服务系统
（1）基于 浏览器/服务器 模式
B/S: Browser / Server
在服务器上，主要以网页的形式发布多媒体信息
（2）由web服务器、浏览器、通信协议组成（缺一不可）
服务器：提供服务的机器，网页要放在Internet上，所在的服务器要处在互联网当中；
简单的说也是一台电脑，服务器的内部结构会比较庞大。几十个T。配置较好的电脑。
浏览器：IE浏览器、谷歌浏览器、火狐浏览器等等... ...
通讯协议：HTTP协议，超文本传输协议，管数据是如何传递的。
（3）WEB相关技术
①服务器端技术（后台）
PHP、JSP、ASP... ...
②客户端技术（前端技术）
HTML---熟练
CSS ---熟练
Javascript ---客户端的脚本
======PM===================================================================================================================
1、HTML入门的知识
（1）什么是HTML?
---HTML（Hyper Text Markup Language），超级文本标记语言
超文本：
a
标记：超文本都是由标记组成的
<a>
语言： 包含自己独特的语法
HTML最终由浏览器负责解释
HTML中可以嵌入一些脚本语言编写的程序段：Javascript、VBScript
（2）HTML版本
超级文本标记语言（第一版）
HTML2.0
HTML3.2
HTML4.0
HTML4.01
XHTML1.0 ---X:可扩展的 ，可以使用自己的东西，还可以创造一些新的东西（很少有人用）。
HTML5: 最新的
（3）标签（标记）
①标签的语法
a.必须使用尖括号括起来
<a>,<div> ...
<A>,<DIV>
标签是不区分大小写的
b.有封闭类型的标签，也有非封闭类型的标签
1)封闭类型
也称作双标记，则必须成对出现
<标记>任意的文本内容</标记>
不同的标记，决定了“文本内容”的不同表现形式
eg:<a></a>,<p></p>,<div></div>
2)非封闭类型
也称作单标记、空标记
<标记>
或者
<标记/>
eg: <hr>,--->没有文本控制，就是一条红线；
<br>,--->就是一个换行，回车；
<img>，--->图片，没有文本可言。
3)元素
标记就是元素，元素也称为标记。
4)元素嵌套（标签嵌套）
标签之间相互嵌套，形成复杂的语法结构
<body>
<p> --->TAB:缩进键
<a></a>
</p>
</body>
5)属性
属性是出现在开始标记中的内容，作用是修饰元素。
<p 属性名="属性值"></p>
<p 属性名='属性值'></p>
<p 属性名=属性值></p> --->在之前的HTML4.0之前没有问题，规范不太严格
标准属性： 每个元素都会具备的通用属性
id :定义每个标签的唯一标识（给标签取个名）
title :提示文本（用户把鼠标放在文字上出现的提示文本）
class :样式相关，类样式
style :样式相关，行内样式
操作1：定义一对p标签，id属性设置为program
<p id="program"></p>
多个属性之间，用空格区分。
多属性:
<p 属性1="值" 属性2="值" 属性...><>
注意：多属性之间，排名不分先后。
2、创建HTML文档
开发工具：任何一个文字编辑软件都可以开发HTML
EditPlus： 超级记事本
运行环境： 任何一个浏览器都能运行HTML
Google Chrome, Mozilla Firefox, Microsoft IE, Safari, Opera
360和IE使用的是相同的内核。
Chrome贯彻W3C贯彻的较好。
最讨厌IE，其市场份额占比及其低下，IE在第一次浏览器大战中，第一次干掉了网景。
网景浏览器废了。
第二次浏览器世界大战，就是Google Chrome，Mozilla Firefox新型浏览器出来之后，把IE打得一蹶不振。
那时候，微软想搞垄断，垄断在中国行，在国外就不好使，美国有专门的反垄断法。
学习过程中，主要于Google Chrome为主。
任何一台电脑都能开发网页，至少一个浏览器，至少一个记事本。花三块钱网吧里面做。
超文本文件（HTML文档）：
是一个以.html或.htm结尾的文档。