今日学习总结3.07

一、前端介绍
1.什么是前端？
** 只要是跟用户直接打交道的界面都可以称之为前端**
** # eg：PC端，手机端，平板**
2.什么是后端？
** 后端就是不直接与用户界面打交道的都是后端**
** # eg：Python，java，go，node.js，php...**
前端工程师，后端工程师，Python工程师，Java工程师...
二、前端学习内容
1.HTML 网页的骨架
2.css 美化网页
3.javascript 让网页能够动起来，有动态效果
# 前端三剑客
4.前端的框架：
** # bootstrap，jQuery，Vue，react，angular...**
三、软件开发架构
1.c/s：客户端/服务端
2.b/s：浏览器/服务端
'''学习前端的环境：只需要一个浏览器即可，前端代码是浏览器来执行的'''
3.学习前端代码的书写环境：
** 文本，pycharm，vscode...**
** 我们业余的使用pycharm就可以**
四、在浏览器网址栏输入网址发生了什么？
'''
** 1.浏览器发起请求**
** 2.服务端接收请求**
** 3.服务端处理请求**
** 4.服务端返回结果给浏览器**
'''
# 浏览器也可以作为服务端的客户端
# 写一个浏览器/服务端程序
浏览器是可以充当很多服务端的客户端
** eg：腾讯视频，百度，淘宝，京东...**
问题：
** 浏览器如何识别是哪个服务端？**
** # 所有的服务端都必须遵守一个规则**
** 这个规则是什么？# http协议**
五、HTTP协议
1.tcp/udp协议 ===> 传输层
2.IP协议 ===> 网络层
3.HTTP协议 ===> 应用层
# 1.HTTP协议的四大特性：
'''
** 1.基于请求响应**
** 2.在tcp/udp协议之上的应用层协议**
** 3.无状态**
** 不能保存数据（不能保存用户信息）**
** 解决：cookie，session，token...**
** 4.短链接/无链接**
'''
# 2.请求数据
** 1.请求首行**
** 2.请求头**
** 3.\r\n**
** 4.请求体**
# 3.响应数据
** 1.响应首行**
** 2.响应头**
** 3.\r\n**
** 4.响应体**
# 4.请求方式
** 面试题：get和post的区别？**
** 1.get**
** 当客户端向服务端索要数据的时候使用get请求**
** '''get请求是没有请求体的，不安全'''**
** '''get请求携带的参数大小有限制：4KB'''**
** 2.post**
** 当客户端向服务端提交数据的时候使用post请求**
** '''post请求是有请求体的，相对安全'''**
** '''post请求携带的参数大小没有限制'''**
# 5.响应状态码：
** 1xx：请求提交成功，你还可以继续提交**
** 2xx：200，请求成功**
** 3xx：301,302都是重定向**
** 4xx：404:代表资源不存在,403：代表没有权限**
** 5xx：500代表服务器内部错误**
六、HTML
1.简介：只要你想在网页中现实一些内容，就必须适应HTML标签
2.HTML代码的书写位置
** 我们现在学习前端，只需要一个浏览器，推荐Chrome浏览器**
** '''在前端中，最大的问题就是浏览器兼容性问题，同样的代码在不同的浏览器执行的结果是不一样的'''**
** 1.直接新建一个txt文件，只需要把后缀名改为.html即可**
** 2.在pycharm中新建HTML文件**
3.如何打开HTML文件？
** 1.直接双击打开**
** 2.在pycharm中打开，右键运行，在右上角点击浏览器图标**
4.HTML的文档结构

5.head中常用的标签

6.body内常用标签

7.标签的分类
** 1.单双标签**
** 单标签，双标签**
** 2.按照性质分类**
** 块级标签：**
** 内容独自占一行**
** div，p，h1~h6都是**
** 行内标签：**
** 内容不是独自占一行，自身文本有多大就占多大**
** i，u，s，b，span...**

8.标签的嵌套