Web基础与HTTP协议

一 Web基础

1.1域名概述

1.1.1域名的概念

IP地址不易记忆

早期使用Hosts文件解析域名

主机名称重复
主机维护困难

DNS(Domain Name System域名系统)

分布式
层次性

域名空间结构

根域
顶级域
    组织域
    国家/地区域名
 二级域名
 FQDN=主机名.DNS后缀

1.2域名注册

1.域名注册是Internet中用于解决地址对应问题的一种方法
2.遵循先申请先注册原则
3.域名注册步骤

1.3网页的概念

1.网页
纯文本格式文件
编写语言为HTML(静态)
在用户的浏览器中被“翻译”成网页形式显示出来

2.网站(文件夹)
由一个一个页面构成的,是多个网页的结合体

3.主页
打开网站后出现的第一个网页称为网站主页(或首页)

4.域名
浏览网页时输入的网址

5.HTTP(超文本传输协议)
用来传输网页的通信协议

6.URL(查找资源路径)
是一种万维网寻址系统

7.HTML(静态网页)
用来编写网页的超文本标记语言

8.超链接
超链接是将网站中不同网页链接起来的功能

9.发布
将制作好的网页上传到服务器供用户访问的过程

1.4HTML概述

HTML超文本标记语言
   Hyper Text Markup Language
   网页的“源码”
浏览器:“解释和执行”HTML源码的工具
(火狐,谷歌)

HTML文档的结构
HTML网页

头部部分
标题部分
主体部分
网页部分,包括文本,图像等

<html>    开始
<head>    头部
<title>我的第一个网页</title>   标题(搜索的关键词)
</head>
<body> 
Hello World!      正文
</body>
</html>   结束

1.5网页基本标签

网页摘要信息的作用
1.有利于浏览器解析
2.有利于搜索引擎搜索

<title>标签(标题)
<meta>标签(关键词)

标题标签(<h1>标题(最大号))
行控制相关标签(</p>分段,段前段后间距,<br/> 自动换行,无段前段后间距)
范围标签<span>(设置字体,字号,颜色)
图像标签<img src="linux.jpg"/>(相对路径,表示图片与网页在同一级)
超链接标签
特殊符号
注:&nbsp;空格  &quot;引号  &copy;商标符号 &gt;大于号  &lt;小于号  &amp;&符号

实操

<html>  
<head><title>你好你好</title></head>
<body><p><h1>一号字体</h1></p>
<h4>四号字体</h4>
<h6>六号字体</h6>
你好<br/>
我好<br/>
<img src="123.PNG" />
<a href="2.html">你好</a>
&quot;&nbsp;&copy;&nbsp;&lt;&amp;&gt;&quot;
</body>
</html>

在这里插入图片描述
在这里插入图片描述

<html>  
<head><title>你好</title></head>
<body>
<h1>你好</h1>
</body>
</html>

在这里插入图片描述

1.6Web概述

Web(World Wide Web)即全球广域网,也称为万维网
一种分布式图形信息系统
建立在Internet上的一种网络服务

1.6.1Web1.0 vs Web2.0

Web1.0

以编辑为特征,网站提供给用户的内容是编辑处理后的,然后用户阅读网站提供的内容
这个过程是网站到用户的单向行为
Web2.0

更注重用户的交互作用,用户既是网站内容的消费者(浏览者),也是网站内容的制作者
加强了网站与用户之间的互动,网站内容基于用户提供,网站的诸多功能也 由用户参与建设,实现了网站与用户双向的交流与参与
Web2.0特征

用户分享,以兴趣为聚合点的社群,开放的平台,活跃的用户

1.7静态网页

1.静态网页是标准的HTML文件
2.扩展名是.htm,.html(静态资源)

文本,图像,声音,Flash动画,客户端脚本和ActiveX控件及Java小程序等
3.是网站建设的基础,早期网站一般都由静态网页制作
4.没有后台数据库,不含程序和不可交互的网页
5.相对更新起来比较麻烦,适用于一般更新较少的展示型网站

1.7.1静态网页特点

1.每个静态网页都有一个固定的URL,且URL以.htm,.html,.shtml等常见形式为后缀,而不含有“?”
2.网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页都是保存在网站服务器上的
3.静态网页的内容相对稳定,容易被搜索引擎检索
4.静态网页没有数据库的支持,在网站制作和维护方面工作量较大,由此当网站信息量很大时完全依靠静态网页制作方式比较困难
5.静态网页的交互性较差,在功能方面有较大的限制
6 页面浏览速度迅速,过程无需连接数据库,开启页面速度快于动态页面

1.8动态网页

1.网页URL不固定,能通过后台与用户交互
2.在动态网页网址中有一个标志性的符号—“?”
3.常用的语言有PHP,JSP,Python,Ruby等

1.8.1动态网页的特点

1.交互性

网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发展的大势所趋
2.自动更新

无须手动的更新HTML文档,便会自动生成新的页面,可以大大节省工作量
3.因时因人而变

当不同的时间,不同的人访问的同一网址时会产生不同的页面

二 HTTP协议

2.1HTTP协议概述

1.HTTP协议是互联网上应用最为广泛的一种网络协议,设计这个协议的目的是为了发布和接收Web服务器上的HTML页面
2.HTTP协议的版本
HTTP 0.9
HTTP 1.0
HTTP 1.1
HTTP 2.0

2.2HTTP方法

1.HTTP支持几种不同的请求命令,这些命令被称为HTTP方法(HTTP method)
2.每条HTTP请求报文都包含一个方法,告诉服务器要执行什么动作

获取一个Web页面
运行一个网关程序
删除一个文件等
3.HTTP协议有多种获得Web资源的方法

4.常用的方法:GET和POST

HTTP方法描述
GET (下载)请求获取Request-URI所标识的资源(只有请求头,URI路径包含用户提交的部分信息,不安全)
PUT (上传)请求服务器存储一个资源,并用Request-URI作为其标识
DELETE请求服务器删除Request-URI所标识的资源
POST在Request-URI所标识的资源后附加新的数据(有请求头,请求体,用户请求信息会单独放在请求体里)
HEAD请求获取由Request-URI所标识的资源的响应消息报头

2.2.1GET方法

GET方法:从指定的服务器上获取数据

GET请求能被缓存
GET请求会保存在浏览器的浏览纪录里
GET请求有长度的限制
主要用于获取数据
查询的字符串会显示在URI(路径)中,不安全

请求分为两部分:请求头,请求体
GET只有请求头,明文传输,所有人可见

2.2.2POST方法

POST方法:提交数据给指定服务器处理

POST请求不能被缓存
POST请求不会保存在浏览器的浏览纪录里
POST请求头没有长度限制
查询的字符串不会显示在URL中,(有请求头,请求体),比较安全

2.3HHTP状态码

当使用浏览器访问某一个URL,会根据处理情况返回相应的处理状态
通常正常的状态码为2xx,3xx(如200)
如果出现异常会返回4xx,5xx(如404)

状态码首位已定义范围分类
1xx100-101信息提示
2xx200-206成功
3xx300-305重定向
4xx400-415客户端错误
5xx500-505服务器错误

2.4生产环境常见的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协议请求流程分析

2.5HTTP请求消息报文格式

HTTP请求消息报文格式包括:请求行,请求头,请求体

2.6HTTP响应消息报文格式

HTTP响应消息报文格式包括:状态行,响应头,响应体

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页