Web基础与Http协议

最新推荐文章于 2024-10-04 00:46:18 发布
最新推荐文章于 2024-10-04 00:46:18 发布
阅读量739 收藏
点赞数
文章标签： 前端 http java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wanghwei17/article/details/130847081
版权
本文介绍了互联网的基本构成，包括域名的解析机制、网页的概念与HTML语法，以及Web的静态和动态网页区别。此外，还讲解了HTTP协议的基本方法和常见的HTTP状态码。
摘要由CSDN通过智能技术生成

文章目录

一.域名

1.1域名概述

域名的概念：

  • IP地址不易记忆

早期使用Hosts文件解析域名：

  • 主机名称重复

  • 主机维护困难

DNS（Domain Name System 域名系统）：

  • 分布式

  • 层次性

在这里插入图片描述

1.2 域名空间结构
  • 根域
  • 顶级域
    • 组织域
    • 国家/地区域名
  • 二级域名
  • FQDN=主机名：DNS后缀

在这里插入图片描述

1.3 域名注册
  • 域名注册是Internet中用于解决地址对应问题的一种方法
  • 遵循先申请先注册原则
  • 域名注册步骤

在这里插入图片描述

二.网页的概念

2.1网页的概念

网页：

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

网站

  • 一个一个页面构成的，是多个网页的结合体

主页

  • 打开网站后出现的第一个网页称为网站主页(或首页)

域名

  • 浏览网页时输入的网址

HTTP

  • 用来传输网页的通信协议

URL

  • 是一种万维网寻址系统

HTML

  • 用来来编写网页的超文本标记语言

超链接

  • 超链接是将网站中不同网页链接起来的功能

发布

  • 将制作好的网页上传到服务器供用户访问的过程
2.2 HTML概述
  • HTML叫做超温标记语言，是一种规范，也是一种标准；它通过标记符号来标记要显示的网页中的各个部分，网页文件本身是一种文本文件，通过在文本文件中添加标记符。可以告诉浏览器如何显示其中的内容。
  • HTML文件可以使用任何能够生成txt文件的文本编辑器来编辑，生成超文本标记语言文件。只能修改文件名后缀为".htal"
    或”.htm“即可

HTML超文本标记语言:

  • Hyper Text Markup Language

  • 网页的“源码“

浏览器:

  • “解释和执行”HTML源码的工具
2.3 HTML基本标签

HTMI 语法规则

（1）HTML 语法规则
HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符中间的内容被标签描述。前标记符由“”表示，结尾标记符多了一个“/”，由“”表示。
（2）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>				定义了字体
<h1>				定义字体大小
2.4HTML文档的结构
  • HTML网页
  • 头部部分
  • 标题部分
  • 主体部分
  • 网页内容，包括文本、图像等
<html>
<head>
<title>我的网页</title>
</head>

<body>
     hellow  !!
</hody>

</html>
2.5网页基本标签

网页摘要信息的作用

* 有利于浏览器解析
* 有利于搜索引擎搜索
* <title>标签
* <meta>标签

（1）
<head>
   <title>搜狐-中国最大的门户网站
   </title>
</head>


(2)
<head>
    <meta name="keywords"
     content="麻豆tv"/>
</head>
  • 标题标签
  • 行控制相关标签
  • 范围标签
  • 图像标签
  • 超链接标签
  • 特殊符号
<h1>91</h1>
<p>麻</p>
   豆<br/>
<span>真的好<span>
<img src=”linux.jpg“>
<a href=”linux.htm“>我是谁</a>
&nbsp； &quot; &copy; &get;

三.Web概述

  • Web (World Wide Web)即全球广域网，也称为万维网
  • 一种分布式图形信息系统
  • 建立在Internet上的一种网络服务

Web1.0

  • 以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容
  • 这个过程是网站到用户的单向行为

Web2.0

  • 更注重用户的交互作用，用户既是网站内容的消费者 (浏览者)，也是网站内容的制造者

  • 加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与

  • Web2.0特征
    用户分享、以兴趣为聚合点的社群、开放的平台，活跃的用户

3.1静态网页

  • 静态网页是标准的HTML文件

  • 扩展名是.htm、.html

    • 文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等
    • 是网站建设的基础，早期网站一般都由静态网页制作

  • 没有后台数据库、不含程序和不可交互的网页

  • 相对更新起来比较麻烦，适用于一般更新较少的展示型网站

静态网页特点：

  • 每个静态网页都有一个固定的URL，且URL以.htm、html、.shtml等常见形式为后缀，而不含有“?”

  • 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的

  • 静态网页的内容相对稳定，容易被搜索引擎检索

  • 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难

  • 静态网页的交互性较差，在功能方面有较大的限制

  • 页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面

3.2动态网页
  • 网页URL不固定，能通过后台与用户交互
  • 在动态网页网址中有一个标志性的符号----“？”
  • 常用的语言有PHP,JSP,Python，Ruby等

在这里插入图片描述
动态网页的特点:

交互性

  • 网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大势所趋
    自动更新
  • 无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量

因时因人而变

  • 当不同的时间，不同的人访问同一网址时会产生不同的页面

四.HTTP协议概述

  • HTTP协议是互联网上应用最为广泛的一种网络协议设计这个协议的目的是为了发布和接收Web服务器上的HTML页面

  • HTTP协议的版本

    • HTTP 0.9
    • HTTP 1.0
    • HTTP 1.1
    • HTTP2.0

在这里插入图片描述

4.1 HTTP方法

HTTP 支持几种不同的请求命令，这些命令被称为 HTTP 方法（HTTP method）。每条 HTTP 请求报文都包含一个方法， 告诉服务器要执行什么动作，包括：获取一个页面，运行一个网关程序，删除一个文件等。最常用的获取资源的方法是 GET、POST、PUT。

  • HTTP支持几种不同的请求命令，这些命令被称为HTTP
    方法(HTTP method)

  • 每条HTTP请求报文都包含一个方法，告诉服务器要执行什么动作
    获取一个Web页面
    运行一个网关程序
    删除一个文件等

HTTP协议有多种获得Web资源的方法

HTTP方法描述
GET对服务器资源获取的简单请求
PUT向服务器提交数据，以修改数据
DELETE删除服务器上的某些资源
POST用于发送包含用户提交数据的请求
HEAD请求页面的首部，获取资源的元信息
CONNECT建立特殊的连接隧道
OPTIONS列出可对资源实行的方法
TRACE追踪请求 - 响应的传输路径

1、GET请求会向数据库发索取数据的请求，从而来获取信息，该请求就像数据库的select操作一样，只是用来查询一下数据，不会修改、增加数据，不会影响资源的内容，即该请求不会产生副作用。无论进行多少次操作，结果都是一样的。

2、与GET不同的是，PUT请求是向服务器端发送数据的，从而改变信息，该请求就像数据库的update操作一样，用来修改数据的内容，但是不会增加数据的种类等，也就是说无论进行多少次PUT操作，其结果并没有不同。

3、POST请求同PUT请求类似，都是向服务器端发送数据的，但是该请求会改变数据的种类等资源，就像数据库的insert操作一样，会创建新的内容。几乎目前所有的提交操作都是用POST请求的。

4、DELETE请求顾名思义，就是用来删除某一个资源的，该请求就像数据库的delete操作

GET 和 POST 比较：

  • GET 方法：从指定的服务器上获得数据
    GET请求能被缓存
    GET请求会保存在浏览器的浏览纪录里
    GET请求有长度的限制
    主要用于获取数据
    查询的字符串会显示在URL后缀中，不安全，比如 http://www.test.com/a.php?Id=123

  • POST 方法：提交数据给指定服务器处理
    POST请求不能被缓存
    POST请求不会保存在浏览器的浏览纪录里
    POST请求没有长度限制
    查询的字符串不会显示在URL中，比较安全

HTTP状态码
  • 当使用浏览器访问某一个URL，会根据处理情况返回相应的处理状态
  • 通常正常的状态码为2xx，3xx (如200)
  • 如果出现异常会返回4xx，5xx (如404)
状态码首位已定义范围分类
1xx100-101信息提示
2xx200-206成功
3xx300-305重定向
4xx400-415客户端错误
5xx500-505服务端错误

HTTP 常见状态码

状态码功能描述
200一切正常
301永久重定向
302临时重定向
401用户名或密码错误
403禁止访问(客户端IP地址被拒绝)
404请求的文件不存在
414请求URI头部过长
500服务器内部错误
502无效网关
503当前服务不可用
504网关请求超时
Wanghwei 17
关注
Web协议：HTTP协议
啊Q老师
07-11 2854
浅谈HTTP
【HTTP 协议】掌握 Web 的核心技术
保护小周ღ的博客
06-02 7225
谈起 HTTP 协议（超文本传输协议），不知道大家第一次是从什么地方了解到这个协议的呢？在真实的网络环境中网络协议的种类非常多，其中有一些耳熟能详的协议，网络层的 IP 协议,传输层的 TCP, UDP 协议, 以及应用层的 HTTP/HTTPS. 站在 webapp（网站）的开发角度接触到的最多的就是 HTTP 协议，HTTP 究竟是一个什么样的协议呢，一起来看看叭~
web基础与HTTP协议
Riky12的博客
06-15 2860
网页的“源码”浏览器：“解释和执行”HTML源码的工具Web（World Wide Web，万维网）是一个由多种技术组合而成的网络资源信息系统。它是通过互联网连接在一起的文档集合，这些文档可以包括网页、图像、视频、音乐、应用程序等各种形式的内容。万维网可以看作是一个超级大的文档库，也是全球最大的信息库之一。Web的核心技术是HTTP协议和HTML语言，HTTP协议是传输Web数据的协议，HTML语言是一种文本标记语言，用于创建Web页面。
Web基础与HTTP协议
qq_64335866的博客
06-18 2403
有利于浏览器解析有利于搜索引擎搜索<title>标签<meta>标签标题标签行控制相关标签范围标签图像标签超链接标签特殊符号Web(World Wide Web)即全球广域网，也称为万维网一种分布式图形信息系统建立在Internet上的一种网络服务。
01 Web基础与HTTP协议
qq_51678989的博客
07-05 2183
ip地址不易记忆网页的“源码”(1)Web1.0基本采用的是技术创新主导模式，信息技术的变革和使用对于网站的新生与发展起到了关键性的作用。新浪最初就是以技术平台起家，腾讯以即时通讯技术起家，盛大以网络游戏起家，在这些网站的创始阶段，技术性的痕迹相当之重。(2)Web1.0的盈利都基于一个共通点，即巨大的点击流量。无论是早期融资还是后期获利,依托的都是为数众多的用户和点击率,以点击率为基础上市或开展增值服务,受众群众的基础，决定了盈利的水平和速度，充分地体现了互联网的眼球经济色彩。
Web 基础与 HTTP 协议
不要因为走的太远而忘了为什么出发
10-01 4221
目录引言一、 Web 基础1. 域名和 DNS1.1 域名的概念1.2 域名的结构1.3 域名的申请2. Hosts 文件2.1 作用2.2 修改 Hosts 文件2.3 网卡中配置3. 网页与 HTML3.1 网页概述3.2 网页相关概念3.3 HTML 概述3.4 Web 概述3.5 静态页面与动态页面二、HTTP 协议1. 概述 引言 随着互联网的飞速发展，企业信息化应用大多已采用网页的形式构建，掌握网页的相关的知识和 HTTP 的请求流程，是掌握互联网技术的第一步。 一、 Web 基础 1. 域
万维网与HTTP协议：基础知识简明指南
2301_80064376的博客
08-20 4315
本文将为基础小白们简明扼要地介绍万维网及其核心协议HTTP，并通过简单的例子和清晰的段落帮助您快速上手。社交媒体是万维网的重要应用之一，用户可以通过社交媒体平台，如Facebook、Twitter、微信等，与朋友和家人保持联系，分享信息和动态。通过万维网，用户可以方便地访问各种电商网站，如亚马逊、淘宝等，进行商品浏览、购买和支付。：当您在搜索引擎中输入“万维网”，搜索引擎会返回一系列相关的网页链接，您可以通过点击这些链接获得所需的信息。它是万维网的基础协议，使用TCP连接进行可靠的传输，默认端口为80。
web基础与HTTP
Katie_ff的博客
06-15 2623
域名解析就是将复杂的数字地址变为好记的域名，域名申请过程；DNS解析过程生效顺序（ｈｏｓｔｓ文件——网卡配置文件——/etc/resolv.conf； 访问页面是由HTML写的，web网站中的版本及静动态页面； HTTP超文本协议、状态码； HTTPS加密
HTTP协议基础知识
haolinbird的博客
01-12 3678
简介 HTTP是Hyper Text Transfer Protocol（超文本传输协议）的缩写，是用于从WWW服务器传输超文本到本地浏览器的传送协议。 它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等 HTTP是建立在TCP协议之上的一种应用层网络协议，由请求和响应构成，虽然HTTP通常依赖tcp作为传输层协议，但是事实上，HTTP可以在任何其他互联网协议上，或者其他网络上实现，只要其下层协议提供可靠
Web基础:网络协议,HTTP
wnw1234的博客
03-16 5046
网络协议 比如我们中国人都说中文,中文就相当于一种协议.网络之间交互也需要协议. 网络协议指的是计算机网络中互相通信的对等实体之间交换信息时所必须遵守的规则的集合。 分类: OSI七层参考模型和TCP/IP四层应用模型 1.OSI七层参考模型 OSI参考模型采用分层结构技术，把一个网络系统分成若干层，每一层都去实现不同的功能，每一层的功能都以协议形式正规描述，协议定义了某层同远方一个层通信所使用的一套规则和约定。 应用层 网络服务与最终用户的一个接口。 协议有：HTT...
web测试之3.1http 协议详解
03-28
文件大小的限制，这次先上传部分http 协议详解。总的分六次上传 1.web系统基础 2.理解网络协议 3.http协议详解 4.web 前端分析 5.web 安全性测试 6.web 兼容性以及可用性测试
HTTP-Web-Server.zip_C++ http web_HTTP 调试_WEB协议_web server
09-20
本项目“HTTP-Web-Server.zip”涉及C++语言实现一个简单的HTTP Web服务器，并进行了调试，旨在帮助我们理解HTTP协议的工作原理以及如何在实际编程中应用。 首先，我们需要了解HTTP的基本概念。HTTP是一种无状态、...
rfc4918.zip_http webserver_https 协议
09-14
标题中的"rfc4918.zip"可能指的是IETF（互联网工程任务组）发布的RFC 4918标准，这是一个关于WebDAV（Web分布式作者ing and Versioning）的文档，它扩展了HTTP协议，允许用户进行文件编辑、版本控制等操作。...
tomcat与web程序结构与Http协议与HttpUrlConnection.pdf
09-29
【标题】：“Tomcat与Web程序结构与Http协议与HttpUrlConnection.pdf” 【描述】：这份资料涵盖了Tomcat服务器的基础知识，包括其性质、安装配置、常见问题以及Web应用程序的结构。同时，还讨论了Http协议和Java中...
前端的全栈混合之路Meteor篇：3.0新版本介绍
分享有趣的、贴近生活的CS知识
10-01 1108
Meteor全栈框架3.0版本终于稳定下来了，它的效果约等于webpack+vue+express+socket.io+mongodb+npm+uniapp，学一个搞定全套，值得学习了解下，最后找到适合于自己的技术栈。
Javascript数组研究03_手写实现_fill_filter_find_findIndex_findLast_findLastIndex
qq_33546823的博客
10-03 1162
fill()方法用一个固定值填充一个数组中从起始索引（默认为 0）到终止索引（默认为）内的全部元素。它返回修改后的数组。输入参数value：用来填充数组元素的值。start（可选）：开始填充的位置，默认值为 0，索引处理方法和copyWithin一致。end（可选）：停止填充的位置（不包含该位置），默认值为，索引处理方法和copyWithin方法一致。输出：修改后的原数组。注意事项该方法会改变原数组，是修改方法。对于稀疏数组，空槽也会被value填充。是通用的方法在空数组上不会有任何处理。
Vue根实例、实例总结
最新发布
m0_54007573的博客
10-04 448
Vue根实例、实例总结
登录功能开发 P167重点
2303_81204446的博客
09-30 413
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1211
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
自制Web服务器与HTTP协议解析
通过实例代码解析了“退出”按钮在Web服务器程序中的事件处理，同时讲解了HTTP协议的基本原理和工作流程，包括万维网的工作过程，以及HTTP请求和响应的机制。 在HTTP编程中，"退出"按钮的事件代码展示了如何优雅地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Wanghwei 17

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值