Http协议

HTTP协议

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

四大特性

  1. 基于请求响应
  2. 基于TCP/IP作用于应用层之上的协议
  3. 无状态

    不保存用户的信

    由于HTTP协议是无状态的，所以后续出现了一些专门用来记录用户状态的技术

    COOKIE,SESSION,TOKEN..

无链接/短链接

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

长链接：双方建立链接之后默认不断开 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>

</head>
<body>

</body>
</html>
复制代码

 注意： HTML代码是没有格式的，可以全部写在一行都没有关系，只是我们习惯了缩进来表示代码

两种打开HTML文件的方式

  • 找到文件所在的位置右键选择浏览器打开
  • 在pycharm内部，集成了自动调用浏览器的功能，直接点击即可（前提是你的电脑上安装了对应的浏览器）直接全部只用谷歌浏览器

 标签的分类1

<h1>
    <a href="https://www.baidu.com/"></a>
</h1>
  • 双标签
  • 单标签（自闭和标签）
 head内常用标签

复制代码


<style>
    h1{
        color: red;
    }
</style> 内部用来书写css代码




<link rel="stylesheet" href="mycss.css"> 引入外部css文件


<script>
    alert(123)
</script> 内部用来书写js代码




<script src="myjs.js"></script> 还可以引入外部js文件，可以是本地的，也可以是网络的


<meta name="keywords" content="老男孩教育,Python培训,Linux培训,网络安全培训,linux云计算培训,Python基础教程,Linux运维培训,Python学习班,linux培训机构,Python培训学校,SRE工程师培训,渗透测试工程师培训">
当你在用浏览器搜索的时候 只要输入了keywords后面指定的关键字，那么该网页都有可能被百度搜索出来展示给用户


 <meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺">

<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！">


复制代码


 


body内常用标签


你肉眼能够在浏览器上面看到的花里胡哨的页面，都是HTML代码


 基本标签




复制代码


    <h1>我是h1</h1>  标题标签1-6级


<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<p>大梦谁</p> 段落标签
<br>换行
<hr>水平分割线


复制代码


 标签的分类2






块级标签：独占一行 h1-h6 p div


    

  1. 块级标签可以修改长宽 行内标签不可以 修改了也不会有变化
    2. 

  2. 块级标签内部可以嵌套任意的块级标签和行内标签。但是p标签虽然是块级标签，但是它只能嵌套行内标签，不能嵌套块级标签。如果你套了问题也不大，因为浏览器会自动帮你解开（浏览器是直接面对用户的 不会轻易的报错 哪怕有报错用户也基本感觉不出来）前端基本上不会报错。 
    3. 



行内标签： 自身文本多大就占多大 i u s b span 行内标签不能嵌套块级标签 可以嵌套行内标签


特殊符号


复制代码


&nbsp; 空格

&gt; 大于

&lt; 小于


&amp; &符


&yen; ￥


&copy;版权
&reg; 商标 


复制代码


 


常用标签




div 块级标签
span 行内标签
上述的两个标签是在构造页面出气最常使用的 页面的布局一般先用div和span占位之后再去调整样式 尤其是div使用非常的频繁
div你可以把它看成是一块区域 也就意味着用div来提前规定所有的区域
之后往该区域内部填写内容即可
而普通的文本先用span标签




标签既可以有默认的属性也可以有自定义的属性




<p id="d1" class="c1" username="jason" password="123"></p>




列表标签


    

  • 无序列表（较多）
    • 





    <ul>
        <li>第一项</li>
        <li>第二项</li>
        <li>第三项</li>
        <li>第四项</li>
    </ul>




 


    

  • 有序列表（了解）
    • 

  • 标题列表（了解）
    • 





<p id="d1" class="c1" username="jason" password="123"></p>








            

            
posted @ 
 
Jeffreywuyu 
阅读(32) 
评论(0) 
编辑 
收藏 
举报


        

	    
	    
    









    
    

    
    



    

        
    

        

            
                
                
            
        

    



    相关博文：

    

            

                · 
                python
            

            

                · 
                HTTP协议；HTML
            

            

                · 
                HTTP协议初见
            

            

                · 
                Http协议
            

            

                · 
                HTTP协议
            

    





    

    阅读排行：
    

 ·          分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
        

 ·          25岁的心里话
        

 ·          基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
        

 ·          闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
        

 ·          ollama系列01：轻松3步本地部署deepseek，普通电脑可用
        



    
    



	

	

	
	

	

	

	





    

    
    








  

  
点击右上角即可分享

  微信分享提示