HTTP协议HTML页面web服务器

Sisi525693

于 2023-10-17 21:52:53 发布

阅读量95

点赞数

文章标签： http 网络协议网络

本文链接：https://blog.csdn.net/denglh525693/article/details/133894694

版权

各类名词解释

web: 万维网WWW是World Wide Web的简称，也称为Web、3W等。WWW是基于客户机/服务器方式的信息发现技术和超文本技术的综合

超文本: （Hyper Text，HT ）是超级文本的中文缩写。超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。超文本更是一种用户界面范式，用以显示文本及与文本之间相关的内容

dns: 域名系统（英文：Domain Name System，缩写：DNS）是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库，能够使人更方便地访问互联网。

http: 超文本传输协议（Hypertext Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。

tcp: 传输控制协议（TCP，Transmission Control Protocol）是一种面向连接的、可靠的、基于字节流的传输层通信协议

udp: 用户数据报协议（UDP，User Datagram Protocol）。UDP 为应用程序提供了一种无需建立连接就可以发送封装的 IP 数据包的方法。

七层网络协议结构: 物理层数据链路层网络层传输层会话层表示层应用层

URL统一资源定位符

url: (Uniform Resoure Locator) 统一资源定位符,也就是我们常说的网址

url组成: 协议部分域名部分资源路径部分查询参数部分(可选)

用户在浏览器根据URL发送请求,获取响应的过程: F12或者右键_检查 -> 网络(network)
   1.准备有效的URL
   2.打开浏览器输入URL(本质去访问web服务器)回车
   3.注意: 如果URL中是域名,先根据域名在本地的hosts文件中查找,如果本地没有再去dns服务器中找对应的ip地址
   4.根据ip地址访问到对应的服务器,web服务器根据要访问资源路径返回对应的资源
   5.浏览器接收服务器响应回来的资源,如果有图片视频音频等链接,浏览器自己依次单独发送对应URL请求
   6.最终浏览器把所有资源渲染成页面,展示给用户

HTTP协议

HTTP协议是基于TCP协议的

HTTP协议作用: 规定了浏览器和web服务器直接的通信格式

web服务器: 能够解析HTTP协议的服务器(接收浏览器的请求和响应数据给浏览器)

通信格式:
   请求
       get方式: 请求行请求头请求空行举例: get资源路径部分后拼接查询参数 /?pwd=123
       post方式: 请求行请求头请求空行请求体举例: post资源路径部分 / 请求体: pwd=123
响应
   格式: 响应行响应头响应空行响应体
   状态码: 2xx: 成功 3xx:重定向 4xx: 客户端错误 5xx:服务器错误

HTML页面

知识点

HTML: 全称为：HyperText Mark-up Language, 指的是超文本标记语言

标记:就是标签

双标签格式: <标签名称> 标签内容 </标签名称>

单标签格式: <标签名称/>

标准结构:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
要展示的内容
</body>
</html>

示例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
我的第一个页面
</body>
</html>

标题标签和图片标签

双标签格式: <标签名称> 标签内容 </标签名称> 举例: <h1>标题</h1>

单标签格式: <标签名称/> 举例: <img src='图片路径' alt='提示语' title='标题'/>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html页面</title>
</head>
<body>
<h1 style="color: orangered">--------欢迎来到我的页面--------</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

注册页面

知识点

form表单: action: 跳转URL method: 请求方式 get或者post
   input标签
       text: 小文本框
       password: 密码框
       radio: 单选框
       checkbox: 多选框
       file: 上传文件
       textarea: 大文本框
       submit: 提交
       reset: 重置
       button: 普通按钮

示例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
<h1 style="color: blue">欢迎来到注册页面</h1>
<form action="http://www.itheima.com/" name="register" method="post">
<label>用户名: <input type="text" name="username"></label><br>
<label>密&emsp;码: <input type="password" name="pwd"></label><br>
<label>性&emsp;别: <input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女">女
</label><br>
<label>爱&emsp;好: <input type="checkbox" name="hobby" value="eat">吃饭
<input type="checkbox" name="hobby" value="sleep">睡觉
<input type="checkbox" name="hobby" value="play_doudou">打豆豆
</label><br>
<label>头&emsp;像: <input type="file" name="head_file"></label><br>
&emsp;&emsp;<input type="submit" value="提交">
&emsp;&emsp;<input type="reset" value="重置">
</form>
</body>
</html>

登录页面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<h1 style="color: blue">欢迎来到登录页面</h1>
<form action="http://www.itheima.com/" name="register" method="get">
<label>用户名: <input type="text" name="username"></label><br>
<label>密&emsp;码: <input type="password" name="pwd"></label><br>
&emsp;<input type="submit" value="提交">
&emsp;<input type="reset" value="重置">
</form>
</body>
</html>

WEB服务器

安装fastapi和uvicorn

原始命令方式

基本格式: pip install 库名

安装fastapi: pip install fastapi

安装uvicorn: pip install uvicorn

镜像源命令方式

问题: 默认是从国外服务器下载资源,如果网速较慢,可以从国内的镜像源下载

格式: pip install 库名 -i 镜像源url

安装fastapi命令: pip install fastapi -i https://pypi.tuna.tsinghua.edu.cn/simple

安装uvicorn命令: pip install uvicorn -i https://pypi.tuna.tsinghua.edu.cn/simple

工具方式

快速搭建web服务器

知识点:

快速搭建web服务器步骤:
   1.导包(fastapi和uvicorn)
   2.创建对象(注意:创建对象的时候,类名后加小括号())
   3.让对象帮助咱们干活(接收浏览器请求并且给浏览器响应)
   4.启动服务器(必须传入上述创建的对象,注意:ip地址和端口号有默认,当然也可以自己指定)