HTTP协议
HTTP协议
四大特性
1.基于TCP/IP作用于应用层之上的协议
2.基于请求响应
3.无状态
4.无连接
长连接websocket
数据格式
请求首行(HTTP/1.1 GET/POST)
请求头(一大堆的k,v键值对)
请求体(post请求携带的数据)
响应状态码
1XX:服务端已经接受到你的数据 正在处理 你可以继续提交相应数据
2XX:请求成功(200 OK)
3XX:重定向
4XX:请求错误(404请求资源不存在 403请求错误携带的数据不够 不符合相应规定)
5XX:服务器内部错误(500)
请求方式
1.get 获取资源
2.post 提交数据
HTML
超文本标记语言 构建网页的基本骨架
XML也可以搭建前端页面 在odoo框架中使用较多
注释 <!---->
标签分类1:
1.双标签
2.单标签(自闭和标签)
标签分类2:
1.块儿级标签 div p h
独占一行 可以设置长宽
1.块儿级标签能够嵌套任意类型的标签
2.但是p标签不能嵌套块儿级级标签 只能嵌套行内标签
2.行内标签 span a img
自身文本多大 就占多大 无法设置长宽
h1~h6标题标签
b,i,u,s
br,hr
& &
空格
¥ ¥
> >
< <
® ®
© ©
常用标签
div
span
这哥俩主要用来做网页骨架搭建 页面布局
a标签
href
1.可以写url(统一资源定位符 网址),点击跳转
2.锚点 还可以写另一个a标签id值 点击跳转到对应标签所在的位置(回到顶部)
target 默认是_self 当前页跳转 也可以换成_blank 新建窗口打开
如果url是首次点击的话 初始是蓝色
只要点过一次 浏览器会机制 之后a标签全是紫色
img标签
src
1.图片路径(本地或者网上的)
2.url(自动访问该url获取结果)
3.直接放图片二进制数据
alt 当图片加载不出来的时候展示的提示信息
title 鼠标悬浮上去 提示的信息
height,width 两者挑一个就可以实现等比例缩放
列表标签
ul>li 无序列表
ol>li 有序列表
dl>dt,dd 标题列表
表格标签
<table>
<thead>
<tr>一个tr就是一行
<td>普通文本</td>
<th>加粗文本</th>
</tr>
</thead>
<tbody></tbody>
</table>
form表单
获取用户信息 提交给后端
input标签
type
text 普通文本
password 密文
date 日期
radio 单选 checked="checked" 可以简写 checked
checkbox 多选 checked="checked" 可以简写 checked
file 上传文件
按钮组
submit 触发form表单提交动作
button 没有任何效果 只是普通的按钮
reset 重置按钮
hidden 隐藏(用户看不到 但是你打开浏览器检查 文档是有的)
disabled 禁用
readonly 只读
select标签 下拉框
默认是单选 一个个的选项 用的是option标签
可以指定multiple变成多选
默认选中 selected="selected" 简写为selected
<optgroup label='一级标题'>
<option></option>
</optgroup>
textarea 大段文本
button标签 放在form表单内 也可以触发提交动作
label标签 通常与input结合使用 for后面跟input标签的id值
获取用户信息的标签都应该有name属性
name类似于字典的key 用来标签input框获取到的信息到底是什么
用户输入的信息都会被标签的value属性接收
你也可以直接写value值 作为标签的默认值
form标签 几个比较重要的参数
action 控制数据提交的地址
1.不写 默认往当前页面所在的地址提交
2.全写 https://www.baidu.com
3.就写路径后缀/index/
method 控制提交方式
默认是get请求
get请求携带的参数 会直接展示占地址栏
get前期一般只能携带一些不重要的信息,get请求携带的数据 大小是有限制
大概在4KB左右
也可以指定成post请求
如果form表达要上传文件 那么需要修改enctype参数
由原来默认的urlencoded变成form-data
