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
标题列表
浙公网安备 33010602011771号