web基础与HTTP协议

web基础与HTTP协议

  • 一、域名概述
  • 二、网页的概念
  • 三、HTML
  • 四、web概述
    • 静态网页:
    • 动态页面
    • 动态页面与静态页面的区别
  • 五、HTTP

一、域名概述

  • 域名的概念:IP地址不易记忆

  • 早期使用Hosts文件解析域名
    – 主机名称重复
    – 主机维护困难

  • DNS(域名系统)
    – 分布式
    – 层次性

  • 域名空间结构
    根域、顶级域、子域、二级域、主机名

  • 域名注册
    –域名注册是Internet中用于解决地址对应问题的一种方法
    – 遵循先申请先注册原则
    –域名注册步骤如下:
    在这里插入图片描述

二、网页的概念

网页:

  • 纯文本格式文件
  • 编写语言为html
  • 在用户的浏览器中被“翻译”称网页形式显示出来

网站:是由一个个网页面构成,是多个网页的结合体
主页:打开网站后出现的第一个网页成为网站主页(或首页)
域名:浏览网页时输入的网址
HTTP:用来传输网页的通信协议
URL:一种万维网寻址系统
HTML:用来编写网页的超文本标记语言
超链接:将网站中不同网页链接起来的功能
发布:将制作好的网页上传到服务器供用户访问的过程

三、HTML

HTML超文本标记语言,是网页的“源码”。
比如我们建立一个记事本,将格式改为.html,就会变成默认使用浏览器打开
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
HTML文档的结构

  • HTML网页
  • 头部部分
  • 标题部分
  • 主体部分
  • 网页内容,包括文本、图形等

在这里插入图片描述
网页基本标签

  • 标题标签
  • 行控制标签
  • 范围标签
  • 图像标签
  • 超链接标签
  • 特殊符号

头标签中常用标签:

<title> :定义文档的标题
<base> :定义页面链接标签的默认链接地址
<link> :定义一个文档和外部资源之间的关系
<meta> :定义了HTML文档的元数据
<script> :定义了客户端的脚本文件
<style> :定义了HTML文档的样式文件

内容标签中常用的标签:
<table> :定义一个表格
<tr> :定义了表格中的一行
<td> :定义了表格中的某一行的某一列
<img> :定义了一个图像
<a> :定义了一个超链接
<p> :定义了一行
<br> :定义了换行
<font> :定义了字体
<h1> :定义字体大小,数字越大,字体越小

可以查看网页里的代码
在这里插入图片描述
在这里插入图片描述

四、web概述

web即全球广域网,也称为万维网,是一种分布式图形信息系统,建立在Internet上的一种网络服务。
web1.0:
以编辑为特征,网站提供给用户的内容是编辑处理后的,然后用户阅读网站提供内容,这个过程是网站到用户的单向行为,属于静态网页
web2.0:
更注重用户的交互作用,用户既是网站的消费者(浏览者),也是网站内容的制造者,加强了网站与用户之间的互动,网站内容基于用户提供,网站的诸多功能也由用户参与建设,实现了网站与用户双向的交流与参与,属于动态用户
web2.0的特征:用户分享、以兴趣为聚合点的社群、开放的平台、活跃的用户

静态网页:

静态网页是标准的HTML文件,扩展名是.htm或者.html。是网站建设的基础,早期网站一般都由静态网页制作
没有后台数据库,不含程序和不可交互的网页
相对更新起来比较麻烦,适用于一般更新较少的展示型网站。
静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难,并且静态网页的交互性较差,在功能方面有较大的限制。但是页面浏览速度迅速,过程无需链接数据库,开启页面速度快于动态页面。

动态页面

动态网页的URL不固定,能通过后台与用户交互,在动态网页中有一个标志性的符号“?”,常用的编程语言有PHP、JSP、Python、Ruby等
动态网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发展的大势所趋,动态页面无需手动更新HTML文档,会自动生成新的页面,可以大大节省工作量,并且因时因人而变,不同的时间,不同的人访问同一网址时会产生不同的页面。

动态页面与静态页面的区别

动态页面:
有后台数据库支持,页面可交互,会自动更新,包含应用程序,扩展名通常以.php、.jsp、.py、.ruby等形式为后缀,页网址中有一个标志性的符号“?”

静态页面:
标准的HTML文件,扩展名是.htm、.html,没有后台数据库支持,不含应用程序和网页不可交互,不含有“?”

五、HTTP

HTTP协议是互联网上应用最为广泛的一种网络协议,设计这个协议的目的是为了发布和接收web服务器上的HTML页面
HTTP请求大概流程:客户端解析出服务端的域名→建立TCP链接→客户端发送数据请求→服务端响应客户端→服务端断开TCP链接。建立连接就是三次握手的过程,断开连接就是四次挥手的过程。
在这里插入图片描述
HTTP协议版本有:0.9、1.0、1.1、2.0、3.0
0.9:是最古老的版本
1.0:纯文本输出,http响应后会立即关闭TCP连接,支持http头部信息(比如http协议版本号,状态码等)
1.1:支持长链接(连接保持,持久连接)和管道机制(在TCP连接中实现多个http请求和响应)
2.0:二进制传输,支持长连接和完全多路复用(在一个TCP连接中同时发送多个请求,且不用按照顺序一一对应),支持网页头部压缩,支持服务端主动推送
3.0:基于UDP协议,但还未普及

HTTP方法:
HTTP支持几种不同的请求命令,这些命令被称为HTTP方法,每条HTTP请求报文都包含一个方法,告诉服务器要执行什么动作,比如获取一个web页面,运行一个网关程序,删除一个文件等。

HTTP方法描述
GET请求获取Request-URI所标识的资源
PUT请求服务器存储一个资源,并用Request-URI作为其标识
DELETE请求服务器删除Request-URI所标识的资源
POST在Request-URI所标识的资源后附加新的数据
HEAD请求获取由Request-URI所标识的资源的响应消息报头,查询元信息
CONNECT建立特殊的连接隧道
OPTIONS列出可对资源实行的方法
TRACE追踪请求-响应的传输路径

HTTP状态码:
HTTP状态码是用以表示网页服务器HTTP响应状态的3位数字代码,当浏览器请求某一URL时,服务器根据处理情况返回相应的处理状态。
状态码分类:

状态码首位已定义范围描述
1XX100-101信息提示
2XX200-206成功
3XX300-305重定向
4XX400-415客户端错误
5XX500-505服务器错误

HTTP常见状态码:

状态码功能描述
200一切正常
301永久重定向
302临时重定向
401用户或密码错误
403禁止访问(客户端IP地址被拒绝)
404请求文件不存在
414请求URI头部过长
500服务器内部错误
502无效网关
503当前服务不可用
504网关请求超时

HTTP请求流程分析:
用户在浏览器输入RUL访问时,发起HTTP请求,请求中包括请求行、请求头、请求体,服务器收到后返回响应报文,包括状态行、回应头、回应体。

  • 请求报文
    请求行:请求行由请求方法、URL以及协议三部分组成
    请求头:请求头为请求报文添加了一些附加信息,由“名/值”对组成,每行一对,名和值之间使用冒号分隔。
    空行:请求头部的最后会有一个空行,表示请求头部结束,接下来为请求体,这一行非常重要,必不可少。
    请求体:请求体是请求提交的参数,GET方法以及在URL中指明了参数,所以提交时没有数据。POST方法提交的参数在请求体中。

常用的请求头:

请求头描述
Host接受请求的服务器地址,可以是IP:端口号,也可以是域名
User-Agent发送请求的应用程序名称
Connectin指定与连接相关的属性,如Connection:Keep-Alive
Accept-Charset通知服务端可以发送的编码格式
Accept-Encoding通知服务端可以发送的数据压缩格式
Accept-Lanuguage通知服务端可以发送的语言
  • 响应报文
    状态行:状态行由协议版本,状态码,状态码描述三部分组成
    响应头:响应头与请求头部类似,为响应报文添加了一些附加信息
    空行:响应头部的最后一个空行,表示响应头部结束
    响应体:服务器返回的相应HTML数据,浏览器对其解析后显示页面

常见的响应头:

响应头描述
Server服务器应用程序软件的名称和版本
Content-Type响应正文的类型(图片还是二进制字符串)
Cpntent-Length响应正文长度
Content-Charset响应正文使用的编码
Content-Encoding响应正文使用的数据压缩格式
Content-Language响应正文使用的语言

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/22824.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

大学4年做出来这个算不算丢人

前言&#xff1a;相信看到这篇文章的小伙伴都或多或少有一些编程基础&#xff0c;懂得一些linux的基本命令了吧&#xff0c;本篇文章将带领大家服务器如何部署一个使用django框架开发的一个网站进行云服务器端的部署。 文章使用到的的工具 Python&#xff1a;一种编程语言&…

开发者关系工程师如何帮助开发者在Sui上构建

近期&#xff0c;我们与Sui开发者关系负责人Brian Hennessey-Hsien进行了对话&#xff0c;就Sui上的开源、去中心化和开发者成就等话题展开讨论。 日前&#xff0c;我们采访了Sui基金会的开发者关系负责人Brian Hennessey-Hsieh&#xff0c;共同探讨了其对于Web3中开发者发展历…

2009.03-2022.06华证ESG季度评级(季度)

2009.03-2022.06华证ESG评级&#xff08;季度&#xff09; 1、时间&#xff1a;2009.03-2022.06.15 2、来源&#xff1a;整理自Wind 3、指标&#xff1a;华证ESG&#xff08;只有综合评级&#xff0c;无细分评级数据&#xff09; 4、样本数量&#xff1a;A股4800多家公司 …

【数据安全-02】AI打假利器数字水印,及java+opencv实现

AIGC 的火爆引燃了数字水印&#xff0c;说实话数字水印并不是一项新的技术&#xff0c;但是这时候某些公司拿出来宣传一下特别应景&#xff0c;相应股票蹭蹭地涨。数字水印是什么呢&#xff0c;顾名思义&#xff0c;和我们在pdf中打的水印作用差不多&#xff0c;起到明确版权、…

拉货搬家货运APP开发分析和功能列表

作为国家经济发展的重要基础设施&#xff0c;物流行业正在面对转型升级的风口。巨大的市场体量&#xff0c;也迎来了激烈的市场竞争。为了从同质化的服务中脱颖而出&#xff0c;开拓更大的市场&#xff0c;并且解决线下司机的载货痛点&#xff0c;货运APP的开发必不可少。 开发…

firewalld防火墙

firewalld防火墙 1&#xff1a;firewalld概述 firewalld防火墙是Centos7系统默认的防火墙管理工具&#xff0c;取代了之前的iptables防火墙&#xff0c;也是工作在网络层&#xff0c;属于包过滤防火墙。firewalld和iptables都是用来管理防火墙的工具&#xff08;属于用户态&a…

学习如何将Jenkins与UI测试报告完美整合,事半功倍,轻松获取高薪职位!

目录 引言 &#xff08;一&#xff09;在本地整合出报告 1.在cmd分别安装pytest和allure-pytest 2.进入需要执行的代码所在的路径 3.运行测试报告&#xff0c;代码如下 4.解析此json文件&#xff0c;代码如下&#xff08;新打开cmd进入路径&#xff09; 5.打开此HTML文件…

在CTEX文档生成中使用WinEit编辑带有公式符号的中文文档应用举例

CTEX文档生成中使用WinEit编辑带有公式符号的中文文档应用举例 CTEX在编辑文档格式和排版时具有优秀的性能&#xff0c;可批量处理文档格式&#xff0c;该用格式时候也非常快捷。下面举例介绍CTEX文档生成中怎样使用WinEit编辑带有公式符号的中文文档。 1.需要的代码 .在WinEi…

TPlinker解读

参考&#xff1a; 关系抽取之TPLinker解读加源码分析 TPLinker 实体关系抽取代码解读 实体关系联合抽取&#xff1a;TPlinker TPLinker中文注释版 Tagging TPLinker模型需要对关系三元组(subject, relation, object)进行手动Tagging&#xff0c;过程分为三部分&#xff1a; &…

springboot+java大学生新生入学报到报道系统+jsp004

新生报到系统分为学院管理员&#xff0c;宿舍管理员&#xff0c;财务管理员&#xff0c;辅导员&#xff0c;学生五种登录身份 学院管理员界面登入后台后有个人信息的展示&#xff0c;可对余下的四种身份信息进行增删改查&#xff0c;可进行对高考信息的导入导出&#xff0c;对报…

(三)ArcGIS空间数据的转换与处理——栅格数据变换

ArcGIS空间数据的转换与处理——栅格数据变换 目录 ArcGIS空间数据的转换与处理——栅格数据变换 1.地理配准2.平移3.扭曲4.旋转5.翻转6.重设比例尺7.镜像 数据变换是指对数据进行诸如放大、缩小、翻转、移动、扭曲等几何位置、形状和方位的改变等操作。对于 栅格数据的相应操…

chatgpt赋能python:Pythonsearchsorted:用于搜索排序数组的快速工具

Python searchsorted&#xff1a;用于搜索排序数组的快速工具 在Python编程中&#xff0c;有时需要在有序数组中快速查找值的位置。Python searchsorted工具提供了一种快速而高效的方法&#xff0c;可用于在已排序的数组中搜索值的位置。在本文中&#xff0c;将深入探讨Python…

震惊!人工智能引发灰色经济,ChatGPT变身罪魁祸首!

人工智能技术的日益发展和普及&#xff0c;其呈现出无边界的开发空间&#xff0c;引领出无数的商业应用&#xff0c;越来越多的领域开始依赖这一技术&#xff0c;各种应用场景日益丰富&#xff0c;而其内在的巨大潜力也被不断开发。随之而来的则是&#xff0c;因为技术的滥用和…

java泛型详解

一、什么是泛型&#xff1f; 泛型&#xff08;Generic type 或者 generics&#xff09;是对 Java 语言的类型系统的一种扩展&#xff0c;以支持创建可以按类型进行参数化的类。可以把类型参数看作是使用参数化类型时指定的类型的一个占位符&#xff0c;就像方法的形式参数是运…

最全iOS 上架指南

一、基本需求信息。 1、苹果开发人员账户&#xff08;公司已经可以无需申请&#xff0c;需要开启开发者功能&#xff0c;每年99美元&#xff09; 2、开发好应用程序 二、证书 上架版本需要使用正式证书。 1、创建Apple Developer证书 2、上传证书Sign In - Apple 3、点击开发者…

TCP通讯(三次握手、四次挥手;滑动窗口;TCP状态转换;端口复用;TCP心跳检测机制)

前言&#xff1a;建议看着图片&#xff0c;根据文字描述走一遍TCP通讯过程&#xff0c;加深理解。 目录 TCP通信时序&#xff1a; 1&#xff09;建立连接&#xff08;三次握手&#xff09;的过程&#xff1a; 2&#xff09;数据传输的过程&#xff1a; 3&#xff09;关闭连…

【笔试强训编程题】Day5.( 统计回文 45842 ) 和( 连续最大和 58539)

作者简介&#xff1a;大家好&#xff0c;我是未央&#xff1b; 博客首页&#xff1a;未央.303 系列专栏&#xff1a;笔试强训编程题 每日一句&#xff1a;人的一生&#xff0c;可以有所作为的时机只有一次&#xff0c;那就是现在&#xff01;&#xff01;&#xff01;! 文章目录…

C++内存管理 (new、delete)知识点+完整思维导图+实操图+深入细节通俗易懂建议收藏

绪论 我成功是因为我有决心&#xff0c;从不踌躇。——拿破仑 本章是关于c内存管理的文章&#xff0c;字数不多&#xff0c;内容简单&#xff0c;希望对你有所帮助&#xff01;&#xff01; 话不多说安全带系好&#xff0c;发车啦&#xff08;建议电脑观看&#xff09;。 附&a…

windows下cplex20.1.0的下载、安装、IDE编程及相关问题解决

其他文章&#xff1a; 通过0-1背包问题看穷举法、贪心算法、启发式算法&#xff08;JAVA) 模拟退火(SA)算法实例介绍&#xff08;JAVA) 遗传算法&#xff08;GA&#xff09;实例介绍&#xff08;JAVA) CPLEX求解器入门案例 java集成Cplex&#xff1a;Cplex下载、IDEA环境搭…

20230522-win11删除文件失败-需要SYSTEM提供的权限

20230522-win11删除文件失败-需要SYSTEM提供的权限 一、软件环境 标签&#xff1a;win11 SYSTEM权限分栏&#xff1a;windows编译器&#xff1a;VS2019 二、问题描述 删除D:\WindowsApps\36186RuoFan.USB_5.8.1.0_x64__q3e6crc0w375t目录下的文件时&#xff0c;提示【文件访…