首页 > 其他分享 >web服务本质与HTTP和常用标签(1)

web服务本质与HTTP和常用标签(1)

时间:2022-09-02 20:27:02浏览次数:47  
标签:web HTTP 请求 书写 响应 标签 页面

web的本质

"""
浏览器
服务端
文件(html文件)
"""

HTTP协议

"""
HTTP协议的由来(sql语句由来)
    浏览器只有一个如何兼容N多个服务端
"""
# 四大特性
    1 基于请求响应
  2 基于TCP/IP作用于应用层之上的协议
  3 无状态
      无论来多少次 都待你如初见
       如何做到保存用户状态???
        cookie、session、token
  4 无/短链接
      请求来我响应你 之后就没有联系了
    长链接:websocket(群聊功能、服务端主动给客户端发送消息)

# 请求数据格式
    请求首行(HTTP协议的版本,当前请求方式)
  请求头(一大堆k,v键值对)
  
  请求体(并不是所有的请求方式都有请求体,get没有post有)
  
# 响应数据格式
    响应首行(HTTP协议的版本,响应状态码)
  响应头(一大堆k,v键值对)
  
  响应体(浏览器展示给用户看的内容)
 
# URL
    统一资源定位符 类似于坐标
# 请求方式
    1.get请求
      朝别人要数据(也是可以携带参数的,只不过参数不是放在请求体里面的,而是直接放在url的后面)
      url?username=jason&password=123
  2.post请求
      朝别人提交数据

# 响应状态码
"""用简短的数字来表示一大串提示性信息"""
1XX:服务端已经成功接收到了你的数据 正在处理你可以继续提交
2XX:请求成功(200 OK)
3XX:重定向(你想访问A页面但是给你调到了B页面)
4XX:请求错误(404请求资源不存在、403请求不符合条件)
5XX:服务端内部错误(500)
ps:上述的状态码是HTTP协议规定的,其实到了公司之后每个公司还会自己定制自己的状态及提示信息
      公司A
        1000:
      1001:
      1002:
    公司B
        2001:
      2002:
      2003:
      ...

HTML

"""
超文本标记语言(你在学习它的时候只需要记忆每个标签表示什么意思即可)
书写网页的一套标准
    除了HTML可以书写前端页面之外
    还有XML也可以书写前端页面 
        odoo框架内部的前端页面全部是用XML书写
            公司内部管理软件 ERP
"""
# 注释  <!--注释-->
# 文档结构
<html>
    <head></head>:都不是给用户看的 主要是给浏览器看的一些配置信息
  <body></body>:body书写的所有的内容 都是给用户看的
</html>

head内常用标签

title  定义网页标题信息
style  内部支持直接书写css代码
link   引入外部css文件
script    内部可以书写js代码并且也可以引入外部js文件
meta     定义网页源信息
    keywords
    description

body内基本标签

"""
h1~h6 标题标签
p段落标签
u i b s
hr
br
"""
# 特殊符号
空格  &nbsp;
大于    &gt;
小于  &lt;
&amp;
&reg;
&copy;
&yen;

常用标签

"""
div:网页初期划定区域范围
span:划定文本的
"""

# a标签
    链接标签
      <a href='' target=''></a>
        href
          1.可以放一个url点击自动跳转
        2.还可以放其他标签的id值 锚点功能
      
      target
          控制是否在当前页跳转
            _self
          _blank
# img标签
    图片标签
      <img src='' alt='' title='' height='' width=''/>
        src
          1.可以放图片的路径 本地或者线上
        2.还可以放一个url 会自动朝该url提交get请求获取图片数据展示(暂时不考虑)
      
      alt
          图片加载不出来的时候    展示的提示信息
       
         title
          鼠标悬浮在图片上之后展示的提醒信息
      
      height、width
          单独调整某一个 另外一个会自动等比例缩放
        如果两个都调整了 可能会出现图片的失真
 
# 标签一般情况下都需要有两个重要的属性
    id值
      唯一标示  同一个页面不能有重复    
  class值    
    类似于类的继承 可以有多个  

标签的分类

"""
分类1:
    双标签
        <h1></h1>
    单标签
        <img/>
分类2:
    块儿级标签:独占一行  可以设置长宽
        div p
        注意:块儿级标签内部可以嵌套任意的行内标签和块儿级标签
            但是p标签只能嵌套行内标签
    行内标签:自身文本多大就占多大  不能设置长宽
        span a img
    
    PS:上述的规定只是HTML书写规范 如果你不遵循 不会报错
    浏览器会自动帮你解除嵌套关系
"""

列表标签

ul
    li
页面上只要是带有规则的排序文字 一般用的都是无序列表    

ol
    li
有序列表

dl
    dt
  dd
标题列表    

 

标签:web,HTTP,请求,书写,响应,标签,页面
From: https://www.cnblogs.com/py1234/p/16651102.html

相关文章

  • HTTPS 如何优化
    多角度优化HTTPS分析性能损耗产生性能消耗的两个环节:TLS协议握手过程;(TLS协议握手过程最长可以花费2RTT<mean:网络延时>)握手后的对称加密报文传输。解决方案:对......
  • HTTP/3 介绍
    HTTP/2存在的缺陷:队头阻塞HTTP/2多个请求是跑在一个TCP连接中的,那么当TCP丢包时,整个TCP都要等待重传,那么就会阻塞该TCP连接中的所有请求。因为TCP是字节......
  • HTTP/2 牛逼在哪
    先说说HTTP/1.1协议的性能问题原因:延迟难以下降并发连接有限队头阻塞问题HTTP头部巨大且重复不支持服务器推送消息HTTP/1.1自身采用的优化手段:将多张小图......
  • jenkins 无法连接仓库:Command “git ls-remote -h -- https://gitee.com/jddk/vueDemo
    HTTPS方式连接远程仓库问题我在码云用的非公开的项目,提示无法连接......
  • vue打包报错built files are meant to be served over an HTTP server.
    Tip:builtfilesaremeanttobeservedoveranHTTPserver.Openingindex.htmloverfile://won'twork.这个其实就是个提示并不是报错。其实这句话是告诉......
  • html标签补充
    html中有很多标签在平常操作中总是用到,还有一部分不怎么用,甚至不知道还有这个标签?为了实现标签的效果用了好多css样式,最后也得不偿失,下面说一说都有哪些标签且现在H5可以用......
  • 打开WordPress网站时,出现Http500错误怎么办?
    在用PHP+IIS+WordPress搭建博客系统时,我们最不想看到的就是报错,尤其是http500的错误,有时真是一头雾水,摸不到头脑。有时升级主题或插件,也会莫名其妙的报这个错误,对于没有编......
  • 基于webrtc接入海康大华摄像头
    环境准备1.带有Docker的服务器一台2.海康或大华摄像头3.服务器与摄像头在同一局域网下 摄像头配置视频编码需要H.264的格式,webrtc不支持H.265webrtc-streamer安装......
  • 超链接标签
    超链接标签格式<ahref="path"target="目标窗口位置">链接文本或图像</a>href:表示要跳转到的那个页面target:表示窗口在哪里打开_blank:在新标签中打开_self:在自己......
  • 网页基本标签
    网页基本标签标题标签HTML标题(Heading)是通过<h1>-<h6>等标签进行定义的<h1>定义最大的标题,<h6>定义最小的标题<!--标题标签--><h1>一级标签</......