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 """ # 特殊符号 空格 大于 > 小于 < & ® © ¥
常用标签
""" 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