一。web概述
1.c/s c是客户端，通常需要升级的，如QQ
2.B/S B浏览器（网页）
二。WEB组成 & 运行流程
web组成：浏览器，服务器，通信协议
浏览器：代替用户向服务器发送请求（User Agent）
服务器：接受用户请求并给出响应
通信协议：规范了请求和响应数据是如何打包以及传递的。
传递 - - - - http
Hyper Text Transfer Protocal
超级 文本 传输 协议
三。web服务器
服务器可以整很多cpu,服务器集群，负债均衡
1.服务器的作用
- 接受用户的请求并给出响应
- 存储web的信息
- 具备安全性工程
2.产品(装上一下一些软件就是一个服务器)
- APACHE(php)
- TOMCAT(java)
- IIS(微软，并发量很小)
- Nginx(php python )
3.技术
- python web
- JSP
- php
- ASP.NET
四。web浏览器
1.作用
- 代替用用向服务器发送请求
- 作为响应数据的解释和执行引擎
2.主要浏览器产品
- Microsoft IE(Internet Explorer)
- Google Chrome
- Mozilla Firefox
- Apple Safari
- Opera Opera
浏览器主要是靠内核处理数据，内核包含以下两部分：
1.内容排版引擎 ----- HTML,CSS
2.脚本解释引擎 ---- JavaScript
3.浏览器技术
html ,css, javascript
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
HTML概述
1.html介绍 & 基础语法
Hyper Text Markup Language 超文本标记语言
超文本：具备特殊功能的文本
普通文本 a :普通字符 a
超文本 a : 表示超链接功能
标记： 超文本的组合形式 <>
普通文本 a :a
超文本 a:<a></a>
HTML是有W3C负责制定和推广规范的
W3C ：World Wide Web Consortium(万维网联盟)
--------------------------------------------------------------------
HTML在计算机中的表现
html在计算机中国是以 .html或 .htm 为结尾的文件存在的
开发工具：所有的文本编辑软件
windows 记事本
Editplus Sublime
WAebstorm Dreamweaver
运行工具：浏览器 Google Chrome
什么是标记：在网页中用于表示功能的符号称为“标记/标签/元素”
语法：标记在使用的过程中，需要用<>括起来
标记分为 双标记 和 单标记
1.双标记：是由显示的开始和结束的 <标记>内容</标记>
<s></s>
注意：有开始，必须有结束，否则会特到意向不到的效果
2.单标记 :只有一个标记，技能表示开始，也能表示捷速
语法：<标记> 或<标记/>
<br> 换行 <hr/> 一条水平线 <img> 图片 <input/>
3.标记的嵌套：在一对标记中，又出现了其他的标记，相当于就是功能的嵌套
<s>
<b>文本内容</b>
</s>
标记嵌套时一定要注意格式的问题：被嵌套的内容一定要加 缩进
4.标记中的属性 和 值
1）什么是属性：在标记中，属性是用来修饰标记的显示效果的
2）语法 :属性必须申明在开始语法中 <标记 属性申明位置处></标记> <标记 属性申明位置处>
3） 属性 和 标记之间 ，用空格隔开 <标记 属性申明位置处></标记> <标记 属性申明位置处>
4）属性 和 值 之间使用 = 链接，值要用‘’ 或“” 引起来 <标记 属性= “值”></标记>
5）一个元素允许设置多个属性，并且排名不分先后，多属性间用 空格 隔开 <标记 属性 = “值1” 属性2=“值2”>
注意：
html中注释：<!-- --> 注释不能出现在<>中 错误的注释，<p<!-- -->></p>
注释不能嵌套
HTML文档结构
1.文档类型申明，必须出现在网页最顶端的第一个标记，作用是告诉浏览器使用的是HTML的那个版本
<!doctopy html> 大小写都行
2.html页面
在文档类型申明之下，使用一对<html></html>根标记来表示页面
html根标记包含两对子标记：
1.<head></html> 表示网页头部信息
2.<body></body> 表示网页的主体，显示给用户看的内容
<head></head> 元素
1.<title>标题内容</title>
2.指定网页内容的编码格式
<meta charset = 'utf-8'>
3.指定网页的关键字---------面向搜索引擎(我们看不到）
原则：<meta>标记要放在<head>标记最顶端
<meta name= 'keywords' content='减肥， 一天瘦十斤'>
4.指定网页的描述文本 - 面向搜索引擎
<meta name = 'description' content='还为肥胖而苦恼吗？要想瘦的吃肉'>
HTML标记
1.文本
1）HTML中的 特殊字符
表示一个空格
< 表示一个 <
> 表示一个 >
© 表示一个 © （copyright）
¥ 表示￥
2）.文本样式标记
<i></i> 斜体
<u></u> 下划线
<s></s> 删除线
<b></b> 加粗显示
<sup></sup> 上标
<sub></sub> 下标
以上标记允许与其他本文内容在一行内显示
3）标题标记
<h#></#> # : 1-6 一级到六级标题 自带换行 字体从大到小
特点：改变文字大小以及加粗效果，每个标题都具备垂直的空白距离
每个标题独占一行， 每个标题都有一个属性
属性：align 取值：1.left 左对齐 2.center 居中对齐 3.right 右对齐
4）段落元素
突出显示一段文本，独占一行，每个元素都具备垂直空白距离
语法：<p></p>
属性：align 取值：1.left 左对齐 2.center 居中对齐 3.right 右对齐
5)换行元素 <br>
6)水平线元素 <hr>
7)分区元素
- 块分区元素 <div></div> 特点：独占一行 （ 属性：align 取值：1.left 左对齐 2.center 居中对齐 3.right 右对齐 ）
作用：布局
- 行内分区元素 <span></span> 特点：能在一行中显示多个，span中只能嵌套文本，i,b,s,u等元素
作用：设置同一行文本的不同样式
8）行内元素 与 块级元素
1.按照元素不同的表现形式，对元素进行的一个类别的划分
2.块级元素
在网页中能够独占一行的元素都是块级元素 p,div,h1~h6 这些元素都有align属性
3.行内元素能够在一行显示的，都是行内元素 span i b s u sub sup 处理文本不是用来处理布局的，标签里面不能嵌套块级元素（div）
