Web基础与HTTP协议
Web基础与HTTP协议
文章目录
- Web基础与HTTP协议
- 一：域名的概述
- 1.1：域名概念
- 1.2：早期使用Hosts文件解析域名
- 1.3：DNS（Domain Name System 域名系统）
- 1.4：域名空间结构
- 1.5：域名注册
- 二：网页的概念
- 2.1： 网站
- 2.2 ：网页
- 2.3： 主页
- 2.4 ：域名
- 2.5 ：HTTP协议
- 2.6 ：URL
- 2.7 HTML
- 2.8： 超链接
- 2.9 ：发布
- 3.0：网页的概念
- 三：HTML概述
- 3.1：HTML超文本标记语言
- 3.2：基本格式：
- 3.3：网页基本标签
- 四：web概述
- 4.1：Web1.0 vs Web 2.0
- 4.11：Web 1.0
- 4.12 ：web 2.0
- 4.2：静态网页
- 4.3：静态网页的特点
- 4.4：动态网页
- 4.5：动态网页的特点
- 4.51： 交互性
- 4.52：自动更新
- 4.53：因时因人而变
- 五：HTTP协议概述
- 5.1：HTTP方法
- 5.2：HTTP协议有多种获得Web
- 5.3：GET方法
- 5.4：POST方法：提交数据给制定法服务器处理
- 5.5：HTTP状态码
- 5.6：生产环境常见的HTTP状态码
- 5.7：HTTP协议请求流程分析
- 5.8：HTTP请求消息报文格式
- 5.81：HTTP请求消息报文格式包括：请求行、请求头、请求体
- 5.82： HTTP响应消息报文格式包括：状态行、响应头、响应体
- 5.82： HTTP响应消息报文格式包括：状态行、响应头、响应体
前言：
随着互联网的飞速发展，企业信息化应用大多已采用网页的形式构建，掌握网页的相关知识和HTTP的请求流程，是掌握互联网技术的第一步。
一：域名的概述
1.1：域名概念
- IP地址不易记忆
1.2：早期使用Hosts文件解析域名
-
主机名称重复
-
主机维护困难
优点：可以帮你解析主机名跟域名，方便了使用
缺点：维护比较困难，条目是人工一条条添加的，修改要人工切进去修改，管理层面是比较麻烦的）
hosts文件位置
Linux的hosts文件位置 ：/etc/hosts
Windows的hosts文件位置：C:\Windows\System32\drivers\etc\hosts
早期使用Hosts文件解析域名 （本地解析） 优先级最高 hosts有记录会解析地址
1.3：DNS（Domain Name System 域名系统）
-
分布式
-
层次式
1.4：域名空间结构
-
根域
-
顶级域
-
组织域
-
国家/地区域名
-
级域
-
FQDN=主机名DNS后缀
FQDN（完全合格域名)
www.tapbao.com
taobao.com 域名 （不包含主机名）
URL：https：//www.taobao.com https：带个s是 SSL 安全套接字 证书验证 比较安全 端口： 443
http 80端口
1.5：域名注册
-
域名注册是internet中用于解决地址对应问题的一种方法
-
遵循先申请先注册原则
-
域名注册步骤：
二：网页的概念
2.1： 网站
- 由一个一个页面构成的，是多个网页的结合体
2.2 ：网页
- 纯文本格式文件，其编写语言为HTML，在用户的浏览器中被“翻译”成网页形式显示出来
HTML：标签语言，（没有逻辑性） 一个标签代表一个意思
2.3： 主页
- 打开网站后出现的第一个网页成为网站主页（或首页）
2.4 ：域名
- 浏览网页时输入的网址
2.5 ：HTTP协议
- 用来传输网页的通信协议
- http：80端口
- https：443端口
- 也有ftp：// 20或21端口
2.6 ：URL
- 是一种万维网寻址系统
2.7 HTML
- 用来编写网页的超文本标记语言
2.8： 超链接
- 超链接是将网站中不同网页连接起来的功能
2.9 ：发布
- 将制作好的网页上传到服务器供用户访问的过程
备注：网页发布当中最忌讳绝对路径 ，如果迁移，就会发生找不到路径的隐患
3.0：网页的概念
-
HTML
-
超链接
-
发布
三：HTML概述
3.1：HTML超文本标记语言
- Hyper text markup language
- 网页的“源码”
3.2：浏览器：“解释和执行” HTML源码的工具
3.2：基本格式：
<html>
<head>
放置一些属性信息，辅助信息。
引入一些外部的文件。（css，javascript）
它里面的内容会先加载。
</head>
<body>
存放真正的数据。
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个网页</title>
</head>
<body>
<h1>我是帅哥</h1>
<h2 style="color:blue">静夜思</h2>
<h3>床前明月光</h3>
<h3>疑是地上霜</h3>
<h3>举头望明月</h3>
<h3>低头思故乡</h3>
<img src="xx.jpg" width="250px" high="300px" />
</body>
</html>
3.3：网页基本标签
-
标题标签
-
行控制相关标签
-
范围标签图像标签
-
超链接标签
-
特殊符号
1.排版标签
1）换行 <br/>
2）<p></p> 段落标签 在开始和结束的位置上会留一个空行。
属性：align= 对齐方式
3）<hr /> 一条水平线
属性：
1）宽度：width 值像素 100px 可以写百分比 30%
2）align= 对齐方式
3）size 粗细
4）color 值 red green blue RGB 三原色 (red green blue #aa55ff)
4）div 声明一块区域 <div>数据</div> css+div
5）span 声明一块区域
代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>排版标签</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
这是一首古诗。
<hr width="300px" size="20px;" color="red"/>
<p align="center">
静夜思<br/>
床前明月光，<br/>
疑是地上霜。<br/>
举头望明月，<br/>
低头思故乡。<br/>
</p>
一首非常出名的古诗。
<hr/>
<div>这是div区域1</div>
<div>这是div区域1</div>
<span>这是span的区域1</span>
<span>这是span的区域2</span>
</body>
</html>
四：web概述
- web （world wide web）即全区广域网，也称为万维网
- 一种分布式图形信息系统
- 建立在Internet上的一种网络服务
4.1：Web1.0 vs Web 2.0
4.11：Web 1.0
- 以编辑为特征，网站提供给用户的内容是编辑处理后提供的，然后用户阅读网站提供的内容。
- 这个过程是网站到用户的单向行为
4.12 ：web 2.0
-
更注重用户的交互作用，用户近视网站内容的消费者（浏览者），也是网站内容的制造者
-
加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与
-
Web2.0特性
- 用户分享，以兴趣为聚合点的社群。开放的平台。活跃的用户
-
Web 1.0是静态网页 php语言打破了传统静态网页往动态网页过渡
4.2：静态网页
-
静态网页是标准的HTML文件
-
扩展名是.htm、.html
- 文本、图像、声音、FLASH动画、客户端脚本和Activex控件及JAVA小程序等
-
是网站建设的基础，早期网站一般都有静态网页制作的
-
没有后台数据库、不含程序和不可交互的网页
-
相对更新起来比较麻烦，适用于一般更新较少的展示型网站
4.3：静态网页的特点
-
每个静态网页都有一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”
-
网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件
-
静态网友的内容相对稳定，因此容易被搜索引擎检索
-
静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难
-
静态网页的交互性较差，在功能方面有较大的限制
-
页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面
4.4：动态网页
-
网页URL不固定，能通过后台与用户交互
-
在动态网页网址中有一个标志性的符号——“？”
-
常用的语言有ASP,PHP,JSP等
4.5：动态网页的特点
4.51： 交互性
- 即网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大势所趋
4.52：自动更新
- 无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量
4.53：因时因人而变
- 当不同的时间，不同的人访问同一网址时会产生不同的页面
备注：以后还会阐述动静分离
五：HTTP协议概述
HTTP协议是互联网上应用最为广泛的一种网络协议
设计这个协议的目的是为了发布和接受web服务器上的HTML页面
HTTP协议的版本
- HTTP 0.9
- HTTP 1.0
- HTTP 1.1
- HTTP 2.0
HTTP真正从2.0版本进行动态网页时代
5.1：HTTP方法
- HTTP支持几种不同的请求命令，这些命令被称为HTTP方法（HTTP method）
- 每条HTTP请求报文都包含一个方法，败诉服务器要执行什么动作
- 获取一个Web页面
- 运行一个网关程序
- 删除一个文件等
请求分为两种get post
post安全 get效率，get会把信息会自动显示到url地址栏上
post会将信息进行加密处理
5.2：HTTP协议有多种获得Web
- HTTP协议有多种获得web资源的方法，常用的有两种：GET和POST
5.3：GET方法
从指定的服务器上获得数据
- get请求能被缓存
- get请求会保存在浏览器的浏览记录里
- get请求有长度的限制
- 主要用于获取数据
- 查询的字符串会显示在URL中，不安全
5.4：POST方法：提交数据给制定法服务器处理
- POST请求不能被缓存
- post请求不会保存在浏览器的浏览记录里
- post请求没有长度限制
- 查询的字符串不会显示在URL中，比较安全
5.5：HTTP状态码
-
当使用浏览器访问某一个URL，会根据请求URL返回状态码
-
通常正常的状态码为2xx，3xx（如200）
-
如果出现异常会返回4xx，5xx（如404）
404 地址路径问题 找不到该网页
5.6：生产环境常见的HTTP状态码
5.7：HTTP协议请求流程分析
5.8：HTTP请求消息报文格式
5.81：HTTP请求消息报文格式包括：请求行、请求头、请求体
1 Get /mattmarg/ HTP/1.1请求目录
2 User-Agent：Mozilla/2.0（Macintosh；I；PPC）浏览器标识
3 Accept：text/html；* / *
4 Cookie：name = value
5 Referer：http：//XXX.com/a.html
备注：
cookie ：记录日志，可以记录账号密码，
referer ：重定向 ，防止直接在未授权的情况下进入内部页面
5.82： HTTP响应消息报文格式包括：状态行、响应头、响应体
- 01 HTTP/1.1 200 OK
- 02 Server: Microsoft-IIS/5.1
- …
- 06 Accept-Ranges:bytes
- 07 Last-Modified: Wed, 02 Jul 2008 01:01:26 GMT
- 08 ETag: “0f71527dfdbc81:ade”
- 09 Content-Length: 46
- 10
- 11 < html >< head >< /head >< body >adfasfa< /body >< /html >
备注：
cookie ：记录日志，可以记录账号密码，
referer ：重定向 ，防止直接在未授权的情况下进入内部页面
[外链图片转存中…(img-PyPVGJqS-1596597426740)]
5.82： HTTP响应消息报文格式包括：状态行、响应头、响应体
- 01 HTTP/1.1 200 OK
- 02 Server: Microsoft-IIS/5.1
- …
- 06 Accept-Ranges:bytes
- 07 Last-Modified: Wed, 02 Jul 2008 01:01:26 GMT
- 08 ETag: “0f71527dfdbc81:ade”
- 09 Content-Length: 46
- 10
- 11 < html >< head >< /head >< body >adfasfa< /body >< /html >
针对HTTP，通常用一款Fiddler 这款抓包工具，用于分析HTTP报文