一.web基础
1.域名简介
-
域名概述
IP地址不易记忆 -
早期使用Hosts文件解析域名
主机名称重复
主机维护困难 -
DNS(Domain Name System 域名系统)
分布式
层次性 -
域名空间结构
根域
顶级域(用途)
组织域
国家/地区域名
二级域名(名称)
FQDN=主机名.DNS后缀
- 域名注册
1.域名注册是Internet中用于解决地址对应问题的一种方法
2.遵循先申请先注册原则
3.域名注册步骤
准备申请资料->寻找域名注册网站->查询域名->正式申请->申请成功
2. 网页的概念
-
网页
纯文本格式文件
编写语言为HTML(静态)
在用户的浏览器中被“翻译”成网页形式显示出来 -
网站(文件夹)
由一个一个页面构成的,是多个网页的结合体 -
主页
打开网站后出现的第一个网页称为网站主页(或首页) -
域名
浏览网页时输入的网址 -
HTTP(超文本传输协议)
用来传输网页的通信协议 -
URL(查找资源路径,位置定位符)
是一种万维网寻址系统 -
HTML(静态网页)
用来编写网页的超文本标记语言 -
超链接
超链接是将网站中不同网页链接起来的功能 -
发布
将制作好的网页上传到服务器供用户访问的过程
3.HTML概述
-
HTML超文本标记语言
Hyper Text Markup Language
网页的“源码” -
浏览器:“解释和执行”HTML源码的工具
(IE,谷歌) -
HTML文档的结构
1.HTML网页
1.1头部部分
1.2标题部分
1.3主体部分
1.4网页部分,包括文本,图像等
<html> 开始
<head> 头部
<title>我的第一个网页</title> 标题
</head>
<body>
Hello World! 正文
</body> 主体
</html> 结束
- 网页摘要信息的作用
有利于浏览器解析
有利于搜索引擎搜索
<title>标签
<head>
<title>我是好人
</title>
<head>
<meta>标签
<head>
<meta name="keywords"
content="我是好人" />
</head>
标题标签 <h1>标题(可改变大小)
行控制相关标签 </p>分段,段前段后间距,<br/> 自动换行,无段前段后间距
范围标签 <span>设置字体,字号,颜色
图像标签 <img src="linux.jpg"/>
超链接标签
特殊符号 空格 "引号 ©商标符号 >大于号 <小于号 &&符号
4.实操
注:要把文件格式转换为html格式运行
- 字体大小
<html>
<head></head>
<boby><p><h1>一号字体</h1></p>
<h3>三号字体</h3>
<h5>五号字体</h5>
</boby>
</html>
- 自动换行
<html>
<head></head>
<boby><p><h1>一号字体</h1></p>
<h3>三号字体</h3>
<h5>五号字体</h5>
我是<br/>
大好人<br/>
</boby>
</html>
- 添加图片
<html>
<head></head>
<boby><p><h1>一号字体</h1></p>
<h3>三号字体</h3>
<h5>五号字体</h5>
我是<br/>
大好人<br/>
<img src="timg.jpg" />
</boby>
</html>
4.添加超链接
1.html
<html>
<head></head>
<boby><p><h1>一号字体</h1></p>
<h3>三号字体</h3>
<h5>五号字体</h5>
我是<br/>
大好人<br/>
<img src="timg.jpg" />
<a href="2.html">卡布达</a>
</boby>
</html>
2.html
<html>
<head><title>卡布达</title></head>
<body>
<h1>转换超级变化形态</h1>
<img src="time.jpg" />
</boby>
</html>
- 特殊字符
<html>
<head></head>
<boby><p><h1>一号字体</h1></p>
<h3>三号字体</h3>
<h5>五号字体</h5>
我是<br/>
大好人<br/>
<img src="timg.jpg" />
<a href="2.html">卡布达</a><br/>
"©><&&
</boby>
</html>
4. Web概述
-
Web(World Wide Web)即全球广域网,也称为万维网
一种分布式图形信息系统
建立在Internet上的一种网络服务 -
Web1.0 vs Web2.0
1.Web1.0
. 以编辑为特征,网站提供给用户的内容是编辑处理后的,然后用户阅读网站提供的内容
.这个过程是网站到用户的单向行为
2.Web2.0
. 更注重用户的交互作用,用户既是网站内容的消费者(浏览者),也是网站内容的制作者
. 加强了网站与用户之间的互动,网站内容基于用户提供,网站的诸多功能也 由用户参与建设,实现了网站与用户双向的交流与参与
. Web2.0特征
用户分享,以兴趣为聚合点的社群,开放的平台,活跃的用户 -
静态网页
1.静态网页是标准的HTML文件
2.扩展名是.htm,.html(静态资源)
文本,图像,声音,Flash动画,客户端脚本和ActiveX控件及Java小程序等
3.是网站建设的基础,早期网站一般都由静态网页制作
4.没有后台数据库,不含程序和不可交互的网页
5.相对更新起来比较麻烦,适用于一般更新较少的展示型网站 -
静态网页特点
1.每个静态网页都有一个固定的URL,且URL以.htm,.html,.shtml等常见形式为后缀,而不含有“?”
2.网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页都是保存在网站服务器上的
3.静态网页的内容相对稳定,容易被搜索引擎检索
4.静态网页没有数据库的支持,在网站制作和维护方面工作量较大,由此当网站信息量很大时完全依靠静态网页制作方式比较困难
5.静态网页的交互性较差,在功能方面有较大的限制
6 页面浏览速度迅速,过程无需连接数据库,开启页面速度快于动态页面 -
动态网页
1.网页URL不固定,能通过后台与用户交互
2.在动态网页网址中有一个标志性的符号—“?”
3.常用的语言有PHP,JSP,Python,Ruby等 -
动态网页的特点
1.交互性
网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发展的大势所趋
2.自动更新
无须手动的更新HTML文档,便会自动生成新的页面,可以大大节省工作量
3.因时因人而变
当不同的时间,不同的人访问的同一网址时会产生不同的页面
二、 HTTP
1. HTTP协议简介
-
HTTP协议概述
HTTP协议是互联网上应用最为广泛的一种网络协议,设计这个协议的目的是为了发布和接收Web服务器上的HTML页面 -
HTTP协议的版本
HTTP 0.9
HTTP 1.0
HTTP 1.1
HTTP 2.0 -
HTTP方法
1.HTTP支持几种不同的请求命令,这些命令被称为HTTP方法(HTTP method)
2.每条HTTP请求报文都包含一个方法,告诉服务器要执行什么动作
. 获取一个Web页面
. 运行一个网关程序
. 删除一个文件等
3.HTTP协议有多种获得Web资源的方法 -
常用的方法:GET和POST
HTTP方法 | 描述 |
---|---|
GET (下载) | 请求获取Request-URI所标识的资源 |
PUT (上传) | 请求服务器存储一个资源,并用Request-URI作为其标识 |
DELETE | 请求服务器删除Request-URI所标识的资源 |
POST | 在Request-URI所标识的资源后附加新的数据 |
HEAD | 请求获取由Request-URI所标识的资源的响应消息报头 |
-
GET方法
.GET方法:从指定的服务器上获取数据
.GET请求能被缓存
.GET请求会保存在浏览器的浏览纪录里
.GET请求有长度的限制
.主要用于获取数据
.查询的字符串会显示在URI(路径)中,不安全
.请求分为两部分:请求头,请求体
.GET只有请求头,明文传输,所有人可见 -
POST方法
.POST方法:提交数据给指定服务器处理
.POST请求不能被缓存
.POST请求不会保存在浏览器的浏览纪录里
.POST请求头没有长度限制
.查询的字符串不会显示在URL中,(有请求头,请求体),比较安全 -
HHTP状态码
.当使用浏览器访问某一个URL,会根据处理情况返回相应的处理状态
.通常正常的状态码为2xx,3xx(如200)
.如果出现异常会返回4xx,5xx(如404)
状态码首位 | 已定义范围 | 分类 |
---|---|---|
1xx | 100-101 | 信息提示 |
2xx | 200-206 | 成功 |
3xx | 300-305 | 重定向 |
4xx | 400-415 | 客户端错误 |
5xx | 500-505 | 服务器错误 |
- 生产环境常见的HTTP状态码
消息 | 描述 |
---|---|
200 OK | 请求成功(其后是对GET和POST请求的应答文档) |
301 Moved Permanently | 请求的永久页面跳转 |
403 Forbidden | 禁止访问该页面 |
404 Not Found | 服务器无法找到被请求的页面 |
500 Internal Server Error | 内部服务器错误 |
502 Bad Gateway | 无效网关 |
503 Service Unavailable | 当前服务不可用 |
504 Gateway Timeout | 网关请求超时 |
- HTTP协议请求流程分析
1.HTTP请求消息报文格式
.HTTP请求消息报文格式包括:请求行,请求头,请求体
2 HTTP响应消息报文格式
.HTTP响应消息报文格式包括:状态行,响应头,响应体