day50---作业

1.HTTP协议默写

"""
html协议:超文本传输协议,主要用于规定浏览器于服务端之间的数据交互格式
通常以.html和.htm结尾
"""

html协议的四大特性

(1)基于请求和响应(request和response);
(2)基于TCP/IP并作用于应用层之上的协议;
(3)无状态,即不会保存用户的状态;
【扩展】基于HTML的无状态特性,后续出现了一系列用于保存用户状态的技术,比如cookie,session和token等
(4)无/短链接,请求一次响应一次,两者并没有链接和关系。
【扩展】长链接,两者建立链接后默认不会断开,如websocket

请求数据格式

# 请求首行
(HTML 协议版本,请求方式)
# 请求头
以K、V 键值对的形式展示


# 请求体

eg:

b'GET / HTTP/1.1
  #请求首行
Host: 182.92.59.34:9090
 #请求头
Connection: keep-alive
Cache-Control: max-age=0

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9

Accept-Encoding: gzip, deflate

Accept-Language: zh-CN,zh;q=0.9



'
# 请求体

请求方式

不仅限于get和post

get请求:(向服务端要数据),无请求体

post请求:(向服务端提交数据),请求体中除了请求方式,还要有post提交的敏感数据

响应数据格式

# 响应首行
(HTML协议版本,响应状态码)
# 响应头
以K、V键值对的形式展示
# 响应体
浏览器请求展示给用看的数据

响应状态码

1XX:服务端已接收到数据正在处理,可以继续向服务端提交数据
2xx:服务端响应浏览器请求的数据(200 OK)
3xx:表示重定向(301,302)
4xx:请求错误
    404,请求资源不存在
    403,请求方式不合法或者不满足请求资源的条件(权限)
5xx:服务器内部错误(500)

前端标签的分类

分类1:

单标签(自闭合标签)

<img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3465980014,216062570&fm=26&gp=0.jpg" alt="这是我前女友" title="波多野老师"  weight="800px"/>

双标签

<h1><u>前端学习</u></h1>
<h2><b>前端框架</b></h2>
<h3><i>今天访谈</i></h3>
<h4><s>打折促销</s></h4>
<h5><a href="https://www.mzitu.com/" target="_blank" name="1" >福利连接</a></h5>
<h6><a href="#1" name="2" >回到标签1</a></h6>

分类2:

块元素

独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布
可以直接控制宽度、高度以及盒子模型的相关css属性
在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下,块级元素的高度是它本身内容的高度
div, h1~h6, ol, ul, li, hr, menu, dl, dt, dd, table, p, form

内联元素

和其他内联元素从左到右在一行显示
不能直接控制宽度、高度以及盒子模型的相关css属性,但是直接设置内外边距的左右值是可以的
内联元素的宽高是由本身内容的大小决定(文字、图片等)
内联元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素)
span, a, b, i, strong, em, s, strike, del, br, u, textarea, input, select, label, img, sub, sup, big, samll