概述
目录
1、HTML概述
2、HTML 基本标签
3.web
1.Web概述
2.Web1.0 vs Web2.0
3. 静态页面与动态页面
4.HTTP协议
1.HTTP协议简介与版本
2.HTTP请求格式（GET/POST 方式）
3.GET方式
4.POST 请求方式
5.HTTP状态码
6.生产环境常见的HTTP状态码
7. HTTP请求消息报文格式
1、HTML概述
HTML叫做超文本标记语言，是一种规范，也是一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。
HTML文件可以使用任何能够生成txt文件的文本编辑器来编辑，生成超文本标记语言文件，只用修改文件名后缀为“.html”或“.htm”即可。
2、HTML 基本标签
1.HTML 语法规则
HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符中间的内容被标签描述。前标记符由“<XXX>”表示，结尾标记符多了一个“/”，由“</XXX>”表示。
2.HTML 文件结构
HTML文件最外层由<html></html>。
HTML 文件结构如下：
<html>
<head>网页的内容描述信息</head>
<body>网页显示的内容</body>
</html>头标签中常用标签：
| 标签 | 描述 |
| <title> | 定义了文档的标题 |
| <base> | 定义了页面链接标签的默认链接地址 |
| <link> | 定义了一个文档和外部资源之间的关系 |
| <meta> | 定义了HTML文档中的元数据 |
| <script> | 定义了客户端的脚本文件 |
| <style> | 定义了HTML文档的样式文件 |
内容标签中常用标签:
| 标签 | 描述 |
| <table> | 定义一个表格 |
| <tr> | 定义了表格中的一行 |
| <td> | 定义了表格中某一行的一列 |
| <img> | 定义了一个图像 |
| <a> | 定义了一个超链接 |
| <p> | 定义了一行 |
| <br> | 定义了换行 |
| <font> | 定义了字体 |
3.网页基本标签
（1）网页摘要信息的作用
有利于浏览器解析
有利于搜索引擎搜索
<title>标签 #标题
<meta>标签 #元标志
（2）标题标签类型
1.行控制相关标签
2.范围标签
3.图像标签
4.超链接标签
5.特殊符号
<h1>江雪</h1>
<p>千山鸟飞绝</p>
万径人踪灭</p>
孤舟蓑笠翁<br/>
<span>独钓寒江雪</span>
<img src=""linux.jpg/>
<a href="linux.htm">我是大飞</a>
"©> #空行 双引号 版权符号 大于
3.web
1.Web概述
Web（Would Wide Web）即全球广域网，也称为万维网 一种分布式图形信息系统 建立在Internet上的一种网络服务。
2.Web1.0 vs Web2.0
（1）web1.0
1.以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容
2.这个过程是网站到用户的单向行为
（2）web 2.0
1.更注重用户的交互作用，用户既是网站内容的消费者（浏览者），也是网站内容的制造者
2.加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与
3.Web2.0特征：用户分享、以兴趣为聚合点的社群、开放的平台，活跃的用户。
3. 静态页面与动态页面
1.静态页面定义
（1）静态网页是标准的HTML文件；
（2）扩展名是.htm、.html；
例如文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等；
（3）是网站建设的基础，早期网站一般都由静态网页制作；
（4）没有后台数据库、不含程序和不可交互的网页；
（5）相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
2.静态页面特点
（1）每个静态网页都有一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”；
（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的；
（3）静态网页的内容相对稳定，容易被搜索引擎检索；
（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；
（5）静态网页的交互性较差，在功能方面有较大的限制；
（6）页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面。
3.动态页面
（1）网页 URL
不固定，能通过后台与用户交互
（2）在动态网页网址中有一个标志性的符号——“?”
（3）常用的语言有PHP、JSP、Python、Ruby等
4.动态页面特点
（1） 交互性 网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大势所趋；
（2）自动更新无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量；
（3）因时因人而变 当不同的时间，不同的人访问同一网址时会产生不同的页面。
4.HTTP协议
1.HTTP协议简介与版本
（1）HTTP（超文本传输协议HyperText Transfer Protocol）协议是互联网上应用最为广泛的一种网络协议，它是基于TCP协议的应用层传输协议，简单来说就是客户端和服务端进行数据传输的一种规则。
(2)HTTP/HTTPS是应用层上的协议，建立在传输层TCP之上，客户端通过与服务端进行TCP连接(三次握手)，之后发送HTTP请求与接收HTTP响应都是通过访问Socket接口来调用TCP协议实现。
(3)HTTP 是一种无状态 (stateless) 协议, HTTP协议本身不会对发送过的请求和相应的通信状态进行持久化处理（存储，保存）。这样做的目的是为了保持HTTP协议的简单性，从而能够快速处理大量的事务, 提高效率。
(4)然而，在许多应用场景中，我们需要保持用户登录的状态或记录用户购物车中的商品。由于HTTP是无状态协议，所以必须引入一些技术来记录管理状态，例如Cookie。
(5) cookie和session都为了实现的是http的短期的持久化(内存/缓存方式，查询快、效率比较高)cookie是缓存在用户端（client)浏览器中的（默认缓存一天），当下次客户端通过同一个浏览器访问客户端的时候，会优先读取cookie中的缓存信息，向服务端进行请求，同时服务端收到客户端请求的时候，读取到cookie文件，知道客户端之前找的是服务器A处理的任务，为了省事儿，省资源，干脆直接讲请求直接再交给服务器A处理。
两者对比:
cookie 省服务器性能
session 更安全1、为后面服务、集群、功能优化做铺垫Ⅰ
2、具体解释了怎么解决HTTP无状态协议的持久化/存储。
HTTP协议时互联网上应用最为广泛的一种网络协议，设计这个协议的目的是为了发布和接收Web服务器上的HTML页面
HTTP协议的版本
HTTP/0.9：已过时
HTTP/1.0：完善的请求、响应模式，并且协议补充完整 get post head 方法
HTTP/1.1：现在1.0基础上进行更新，新增五种请求方式：OPTION PUT DELETE
HTTP/2.0
https://blog.csdn.net/m0_61744194/article/details/124819657
2.HTTP请求格式（GET/POST 方式）
HTTP协议有多种获得Web资源的方法 常用的方法：
GET和POST
| HTTP方法 | 描述 |
| GET | 请求获取Request-URL所标识的资源 |
| PUT | 请求服务器存储一个资源，并用Request-URL作为其标识 |
| DELETE | 请求服务器删除Request-URI所标识的资源 |
| POST | 在Request-URL所标识的资源后附加新的数据 |
| HEAD | 请求获取由Request-URL所标识的资源响应消息报头 |
3.GET方式
（1）请求行
请求的方式
请求的资源路径
请求的版本协议号
（2）请求头（描述信息/标准化信息）
Accept：客户端可以接受的数据类型
Accept-Language：客户端可以接受的语言类型
User-Agent：浏览器的信息
Accpect-Encoding：客户端可以接受的编码格式
Host：表示请求的ip和端口号
Connection：告诉服务器请求连接如何处理 Keep-Alive：通知服务器回传数据不要马上关闭，保持一小段的连接
Closed：马上关闭
4.POST 请求方式
① 请求行
请求的方式
请求的资源路径
请求的协议的版本号② 请求头
Accept：客户端可以接受的数据类型
Accept-Language：客户端可以接受的语言类型
Referer：表示请求发起时，浏览器地址栏中的地址
User-Agent：浏览器的信息
Content-Type：发送的数据类型
Content-Length：发送的数据长度③ 请求体：就是发送给服务器的数据
5.HTTP状态码
当使用浏览器访问某一个URL，会根据处理情况返回相应的处理状态
通常正常的状态码为2xx，3xx（如200）
如果出现异常会返回4xx，5xx（如404）
| 状态码首位 | 已定义范围 | 分类 |
| 1xx | 100-101 | 信息提示 |
| 2xx | 200-206 | 成功 |
| 3xx | 300-305 | 重定向 |
| 4xx | 400-415 | 客户端错误 |
| 5xx | 500-505 | 服务器错误 |
6.生产环境常见的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 | 网关请求超时 |
7. HTTP请求消息报文格式
（1）HTTP请求消息报文格式包括:请求行、请求头、请求体
1 Get /mattmarg/ HTTP/1.1请求目录
2 User-Agent: Mozilla/2.0 (Macintcsh; I; PPC)浏览器标识
3 Accept: text/html; */*
4 Cookie: name = value
5 Referer: http://www.XXX.com/a.html
（2）HTTP请求消息报文格式包括: 请求行、请求头、请求体
(Request-Line) POST /cgi-bin/qashow_user_props_info HTTP/1.1
Accept */*
Accept-Language zh-CN
x-flash-version 11,5,502,110
Content-Type application/x-www-form-urlencoded
Content-Length 115
Accept-Encoding gzip, deflate
User-Agent Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64;
Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729;
.NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
Host client.show.qq.com
Connection Keep-Alive
Cache-Control no-cache
Cookie pt2gguin=01339863847; RK-ot3LhuY8bB;
ptcz=701209718a4076dafa7fecec9033c1e1cobad13acbd67cc72
（3）HTTP响应消息报文格式包括:状态行、响应头、响应体
01 HTTP/1.1 200 OK
02 Server: Microsoft-lIS/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>
（4）HTTP响应消息报文格式包括:状态行、响应头、响应体.
[Status-Line) HTТP/1.1 200 OK
Via 1.1 VSERVER
Connection Keep-Alive
Proxy-Connection Keep-Alive
Content-Length 236
Age 3346
Expires Mon, 01 Jun 2015 02:21:29 GMT
Date Mon, 01 Jun 2015 00:21:29 GMT
Content-Type text/plain; charset=utf-8
Serve kws
Last-Modified Fri, 27 Mar 2015 10:39:17 GMT
Accept-Ranges bytes
Powered-By-ChinaCache HIT from CNC-XX-1-307.4
Powered-By-ChinaCache HIT from BNC-BJ-1-3SV.3
最后
以上就是魁梧金毛为你收集整理的Web基础与http协议目录1、HTML概述2、HTML 基本标签3.web4.HTTP协议的全部内容，希望文章能够帮你解决Web基础与http协议目录1、HTML概述2、HTML 基本标签3.web4.HTTP协议所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复