HTTP与HTML_网络配置的html-CSDN博客

本文链接：https://blog.csdn.net/weixin_55136170/article/details/127839134

HTTP协议

超文本传输协议用来规定服务端和浏览器之间的数据交互的格式

四大特性

基于请求响应
基于TCP/IP作用于应用层之上的协议
无状态
不保存用户的信息，由于HTTP协议是无状态的，所以后续出现了一些专门用来记录用户状态的技术：COOKIE,SESSION,TOKEN..

4. 无链接/短链接

请求来一次我响应一次，之后我们两个就没有任何链接和关系了

长链接：双方建立链接之后默认不断开 websocket

请求数据格式

请求首行（标识HTTP协议版本，当前请求方式）

请求头（一大堆k,v键值对）

\r\n（换行，这里的\r\n千万不能省略）

请求体（并不是所有的请求方式都有，get没有post有，存放的是post请求提交的敏感数据）

响应数据格式

　　响应首行（标识HTTP协议版本，响应状态码）

　　响应头（一大堆k,v键值对）

　　\r\n

　　响应体（返回给浏览器展示给用户看的数据）

响应状态码

用一串简单的数字来表示一些复杂的状态或者描述性信息 404:请求资源不存在

1XX: 服务端已经成功接收到了你的数据，正在处理，你可以继续提交额外的数据

2XX：服务端成功响应了你想要的数据（200 OK，请求成功）

3XX：重定向（当你在访问一个需要登录之后才能看的页面，你会自动跳转到登录页面）

4XX：请求错误

　　 404：请求资源不存在

　　 403：当前请求不合法或者不符合访问资源的条件

5XX：服务器内部错误(500)

请求方式

1. get请求

朝服务端要数据

eg:输入网址获取对应的内容

2. post请求

朝服务端提交数据

eg: 用户登录输入用户名和密码之后提交到服务器后端做身份校验

HTML简介

超文本标记语言

如果你想要让浏览器能够渲染出你写的页面。你就必须遵循HTML语法

我们浏览器看到的页面，内部其实都是HTML代码

<h1>Hello, big baby</h1>
<a href='https://www.baidu.com'>Click me! Give you some color to see see!</a>
<img src='https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp3.itc.cn%2Fq_70%2Fimages03%2F20221110%2F2578d86811344908b87f936b62e45172.jpeg&refer=http%3A%2F%2Fp3.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670848051&t=bdcfaafb54d931fb894941aac152a7f4'/>

 HTML就是书写网页的一套标准

注释：注释是代码之母

<!--单行注释-->
<!--多行注释1多行注释2多行注释3-->
<!--导航条开始-->
导航条所有的HTML代码 
<!--导航条结束-->
<!--左侧菜单栏开始-->
左侧菜单栏的HTML代码
<!--左侧菜单栏结束>
<!-- html -->

由于HTML代码非常的杂乱无章并且很多，所以我们习惯性的用注释来划定区域方便后续的查找

HTML文档结构

<html>
<head>
    <!--head内的标签不是给用户看的，而是定义一些配置主要是给浏览器看的-->
</head>
<body>
<!--body内的标签 写什么浏览器就渲染什么 用户就能看到什么-->
</body>
</html>

PS: 文件的后缀名其实是给用户看的，只不过对应不同的文件后缀名有不同的软件来处理并添加很多功能

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title&g