Web基础知识之初遇HTML和HTTP

最新推荐文章于 2024-07-17 22:42:53 发布
最新推荐文章于 2024-07-17 22:42:53 发布
阅读量229 收藏 1
点赞数 3
文章标签： http web
原文链接：http://www.w3school.com.cn/html/html_jianjie.asp与http://www.cnblogs.com/TomSnail/p/6078395.html
版权

Web基础知识之初遇HTML和HTTP

No.1 HTML:

什么是HTML？

HTML 是用来描述网页的一种语言。

l HTML 指的是超文本标记语言 (Hyper Text Markup Language)

l HTML 不是一种编程语言，而是一种标记语言 (markup language)

l 标记语言是一套标记标签 (markup tag)

l HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

l HTML 标签是由尖括号包围的关键词，比如<html>

l HTML 标签通常是成对出现的，比如 <b> 和 </b>

l 标签对中的第一个标签是开始标签，第二个标签是结束标签

l 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

l HTML 文档描述网页

l HTML 文档包含 HTML 标签和纯文本

l HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

例子解释

l <html>与 </html> 之间的文本描述网页

l <body> 与 </body> 之间的文本是可见的页面内容

l <h1> 与 </h1> 之间的文本被显示为标题

l <p> 与 </p> 之间的文本被显示为段落

No.2 HTTP:

1. HTTP介绍

HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。

它的发展是万维网协会（World Wide Web Consortium）和Internet工作小组IETF（Internet Engineering Task Force）合作的结果。

它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。

1.1 版本

最常用的是HTTP1.0/1.1

最新版本是HTTP2.0，与1.0/1.1相比，有了更高的性能、安全性和灵活性

以前的版本0.9等

2. HTTP协议

2.1 URL与资源

2.1.1 方案的世界

在TCP/IP模型中，所有的网络连接都要使用方案，方案定义使用什么协议，比如http、ftp、telnet

一个标准的网络请求包括:

<scheme>://<user>:<password>@<host>:<port>/<path>;<params>?<query>#<frag>

但在实际使用过程中，对于不同协议可以缺少某些信息，比如

ftp://192.168.169.121

http://www.baidu.com/index.html

对于http协议，主要的包括scheme(协议)、host(主机)和path(资源路径)

2.1.2 URI、URL和URN

URI:统一资源标识符，包括URL和URN

URL:统一资源标识符，比如http://www.baidu.com/index.html就是一个URL

URN:统一资源名，它是无关物理位置的资源名定义，例子urn:ieft:rfc:2141

目前URN处于试验阶段，实际应用还很困难，在没有特别说明时，一般我们说的URI就代表URL

2.1.3 媒体类型

在HTTP中，不管是word文件、js文件或者图片都是资源，通可以通过URL进行请求，但每种不同的文件都要进行区分，以便服务端和客户端进行正确处理，比如播放声音、显示文字。

因此，HTTP仔细地给每种要通过http请求响应传输的对象都打上名为MIME类型的数据格式标签。

MIME: Multipurpose Internet Mail Extension 多用途因特网邮件扩展

最开始是为了解决电子邮件系统之间的问题，后来用于定义更多类型的多谋体内容。常见的MIME：

html：text/html

Ascii: text/plain

Json:text/json

Jpg:image/jpeg

Gif:image/gif

Ppt: application/vnd.ms-powerpoint

Quicktime:video/quicktime

2.2 协议介绍

2.2.1 协议栈

HTTP在TCP/IP协议栈中的位置

List item
HTTP是基于TCP/IP的应用，因此HTTP无须关心网络寻址、数据传输和拓扑结构

2.2.2 协议工作流程
在这里插入图片描述在HTTP1.0/1.1中，HTTP采用请求响应模型来处理HTTP事务 HTTP事务有一条请求命令和一个响应结果组成，它们通过HTTP报文进行数据传输

注意：请求是从客户端发往服务端，而响应是从服务端发回客户端

HTTP的工作过程

在这里插入图片描述
（1）客户端连接到Web服务器

（2）发送HTTP请求

（3）服务器接受请求并返回HTTP响应

（4）释放连接TCP连接

（5）客户端浏览器解析HTML内容

3 HTTP报文

3.1 报文

HTTP1.0/1.1报文由三部分组成：起始行、首部以及可选、包含数据的主体

其中起始行和首部是由行分隔的ASCII文本

主体是一个可选的数据块，主体中可以包含文本也可以包含二进制数据，也可以为空，与首部通过空一行进行区分

请求报文的格式：

<method> <request-url> <version>

<headers>

 
 <entity-body>

响应报文的格式：

<version> <status> <reason-phrase>

<headers>

 
<entity-body>

本文转载自http://www.w3school.com.cn/html/html_jianjie.asp
http://www.cnblogs.com/TomSnail/p/6078395.html

帮我泡杯红茶再来根烟
关注
渗透测试面试基础知识
初遇我ㄖ寸の热情呢？
04-14 8462
渗透测试面试基础知识 一，SQL注入的原理和防御机制 原理：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，达到欺骗服务器执行恶意的SQL命令 防御机制： 1.对用户输入的数据类型做严格限制 2.使用预编译绑定变量的SQL语句 3.过滤特殊字符 4.数据库信息加密，使用数据库防火墙，web防火墙 二，XSS注入的原理和防御机制 原理：恶意攻击者往Web页面里...
web入门
qq_27009517的博客
11-30 2173
导学 为什么学习Web知识？ 我们的生活和工作离不开互联网，互联网网页的制作是Web技术的成果。也正因为此，学习Web技术不易过时。 Web前端技术应用领域广泛，诸多优秀的移动端产品同样有赖于Web技术支持。技术市场对学习Web前端的人才需求大，就业机会多。 如果你入门Web后，坚持学习并不断参与项目开发，成为名副其实的Web前端工程师将给你带来不错的薪酬回报。 （图中数据来自：看准网） 相较于其它开发语言，Web前端语言简单易学。它是浏览器语言，不需要很强的逻辑思维，也不需要像...
http
lilisiyang___的博客
09-12 785
http 用于从WWW服务器传输超文本到本地浏览器的传输协议。 HTTP协议和TCP协议是不冲突的，HTTP定义在七层协议中的应用层，TCP解决的是传输层的逻辑。HTTP使用TCP而不是UDP的原因在于打开一个网页必须传送很多数据，而TCP协议提供传输控制，按顺序组织数据，错误纠正等功能。（可靠传输） HTTP连接使用的是“请求—响应”的方式。在请求前要先建立连接，并且需要客户端向服务器发出请求后，服务器端才能返回响应。 http1.0： 增加post和head 只保持短暂连接，每次TCP连接只能发送
HTTP学习一：HTTP基础知识
weixin_30340353的博客
11-18 94
1 HTTP介绍 HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。 它的发展是万维网协会（World Wide Web Consortium）和Internet工作小组IETF（Internet Engineering Task Force）合作的结果。 它可以使浏览器更加高效，使网络传输减少。它不仅保证计...
HTML基础标签+HTTP请求
最新发布
one piece的博客
07-17 960
当我们在浏览器中输入网址后，网页会自动生成对应网页且打开曾经登录过的网站，发现无需重新登录的直接进入首页，这是如何做到的呢？其实，当在浏览器输入网址后浏览器会通过网址中域名解析出的IP地址访问该网址对应的服务器；服务器收到浏览器发出的请求后，根据网址中包含的执行方法，路径信息等信息返回相应的文本信息，最终浏览器解析服务器返回的信息从而生成对应的网页。
http&html（HTML语法）
Summer_taotao的博客
04-27 1843
html基础内容
Html/Http
qiang_zi_的专栏
01-27 1017
软件结构： C/S（Client  Server）结构的软件：   客户端和服务端同时更新，程序员需要同时开发客户端与服务端   减轻服务端的压力，而且可以大量保存数据在客户端上。   B/S(Browser  Server)结构的软件：   软件版本升级的时候不需要更新客户端，只需要更新服务端即可   同时增加了服务端的压力，不能保存大量的数据在用户机上面     H
HTTP协议详解
段小宝的博客
06-15 557
HTML叫做超文本标记语言，是一种规范，也是一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。 HTML文件可以使用任何能够生成txt文件的文本编辑器来编辑，生成超文本标记语言文件，只用修改文件名后缀为”.html”或“.htm”即可。 HTML 基本标签 （1）HTML 语法规则 HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符中间的内容被标签描述。前标记符由“”表示，结尾标记符多
Web-前端教程02 初遇 HTML 最基础的那些标签.zip
05-24
HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。...配合视频教程`Web-前端教程02 初遇 HTML 最基础的那些标签.mp4`，相信你将快速掌握这些基础知识，并逐步提升你的HTML编程能力。
Web初探索（一）
weixin_44163738的博客
05-02 480
Web学习——任务一复述本周任务环境准备python的安装JAVA的安装kali和burpsuite的安装phpstudy的安装虚拟机VMware基础学习HTTP协议（请求与响应）burpsuite抓包改包PHP的基本语法、数据类型、变量常量学习markdown语法 复述本周任务 时间：2020.4.25——2020.5.02 内容： 1.安装phpstudy，python，JAVA（jdk8）并...
电商前端工程师：国内WEB前端开发经验之路
09-01 2004
一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。 　　我一直认为自己是“初级”前端开发工程师，一方面我入道尚浅，只有短短几年，另一方面我自知对技术的钻研并不深入，可能是由于环境的原因，当然最重要的是，我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能薄弱但备受追捧的“弄潮者”，这在很大
Python-Web开发基础-HTML
零源的博客
12-25 1008
CS模式：C/S 就是Client/Server 的缩写，是客户端和服务器架构 BS模式 ：B/S 就是Browser/Server的缩写，是浏览器和服务器架构 网页主要由三部分组成： 结构（Structure） ，表现（Presentation） 、行为（Behavior） 最简单的web应用程序 import socket sock=socket.socket() sock.bind(("127.0.0.1",8888)) sock.listen(5) while True: con
HTML与HTTP简介
cs2958的博客
09-13 916
HTML（Hyper Text Markup Language）超文本标记语言 Hyper Text超文本：文字之外，还可以图片、链接等 Markup Language标记语言：文档内使用标记标签（Markup Tag）定义页面内容 HTML整体结构 头部：从<head>到</head>，不作为页面信息来显示，但会影响网页显示效果 主题：从<body>到</body>，网页实际显示的内容 HTML标签 尖括号包括的关键词，..
html和http协议一样吗,关于HTTP协议，一篇就够了
weixin_35767338的博客
06-03 1237
原标题：关于HTTP协议，一篇就够了一.HTTP简介1.HTTP协议，即超文本传输协议(Hypertext transfer protocol)。是一种详细规定了浏览器和万维网(WWW = World Wide Web)服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。2.HTTP协议作为TCP/IP模型中应用层的协议也不例外。HTTP协议通常承载于TCP协议之上，有时也承载于TL...
前端开发之HTML与Http协议
冠军阿狗的博客
04-08 823
python开发之HTML与Http协议一、HTML1. HTML基础2.什么是标签3. 标签的属性4. <!DOCTYPE html>标签5. head标签6. body标签二、Http协议1. HTTP概述2. 请求协议3. 响应协议 一、HTML 1. HTML基础 htyper text markup language 即超文本标记语言。 超文本: 就是指页面内可以包含图片...
html基础标签+Http请求
zhoutong2323的博客
03-03 1449
我们想象一个场景，当我们在浏览器中输入网址后，网页会自动生成对应网页且打开曾经登录过的网站，发现无需重新登录直接进入首页，这是如何做到的呢？其实，当们在浏览器输入网址后浏览器会通过网址中域名解析出的IP地址访问该网址对应的服务器；服务器收到浏览器发出的请求后，根据网址中包含的执行方法，路径信息等信息返回相应的文本信息，最终浏览器解析服务器返回的信息从而生成对应的网页！！！
HTML5游戏引擎（十二）-发送http请求——GET 方法 & POST 方法 & 发送请求 & 发送带参数的请求 & 加载位图文件
weixin_44867717的博客
12-08 1246
HTML5游戏引擎（十二）-发送http请求——GET 方法 & POST 方法 & 发送请求 & 发送带参数的请求 & 加载位图文件 发送http请求 Egret 中封装了 XMLHttpRequest 进行异步的数据交互。 GET 方法 GET 方法是 HTTP　请求的默认方法，数据经过简单的编码发送出去，并作为 URL 的一部分发送到服务器。由于浏览器对 URL 长度的限制，提交的数据长度也有限制。 POST 方法 POST 方法克服了 GET 方法的一些缺点，可以发送
html 怎么使用http请求数据类型,HTTP请求方式中8种请求方法（简单介绍）
weixin_39636707的博客
06-04 1705
HTTP工作原理HTTP协议定义Web客户端如何从Web服务器请求Web页面，以及服务器如何把Web页面传送给客户端。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求报文，请求报文包含请求的方法、URL、协议版本、请求头部和请求数据。服务器以一个状态行作为响应，响应的内容包括协议的版本、成功或者错误代码、服务器信息、响应头部和响应数据。HTTP 请求/响应的步骤：客户端连接到Web服务...
对本地的静态html文件发送http请求
大数据
09-21 991
文件链接：D:/mystudysoft/weixinkaifa/WeChat%20Files/wxid_inmlsqlnnpqs22/FileStorage/File/2023-09/%E5%BE%B7%E5%9B%BD%E4%BA%A4%E9%80%9A%E6%A0%87%E5%BF%97%E8%AF%86%E5%88%AB/dist/build/h5/static/js/pages-index-index.ac96133b.js。前端的文件基本都有。是一个js文件，html文件同理。
HTML与Web基础：CSS、XML、DOM及HTTP知识概览
该资源是一个关于web技术的填空题库，涵盖了...这个题库提供了全面的web开发基础知识练习，涵盖了从基础HTML标签到更高级的CSS样式、XML结构、HTTP协议以及服务器配置等多个方面，对于理解和掌握这些概念非常有帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值