一:了解前端和后端
1.前端:直接和用户打交道的界面
2.后端:不能直接和用户打交道的写在内部的真正执行功能的代码
3.前端的学习历程:
- 1.html 相当于是网站的骨架
- 2.css 给网站装修,加样式
- 3.Javascript 让网站动起来
二:http超文本传输协议前戏
1.先写一个服务端
import socket
server = socket.socket()
server.bind(('127.0.0.1',8080))
server.listen(5)
sock, addr = server.accept()
sock.send(b'HTTP/1.1 200 OK \r\n\r\n hello world')
data = sock.recv(1024)
print(data)
2.让浏览器充当客户端,在浏览器输入ip和端口的组合,访问我们写的服务端:127.0.0.1:8080
3.浏览器客户端接收到的数据必须符合浏览器端制定的协议:http,ftp,https等
三:http协议
1.http的4大特征
- 1.基于请求响应
- 2.基于tcp/ip协议之上的应用层协议
- 3.无状态 即:不保存用户状态
- 4.短/无链接 请求一次,响应一次,之后两者没有任何关系
2.请求数据格式
- 1.请求首行(请求方式有好多种 协议名称及版本号)
- 2.请求头(一大堆K:V键值对)
- 3.换行 \r\n
- 4.请求体(携带一些敏感的数据 不是所有的请求都有请求体)
3.响应数据格式
- 1.响应首行(响应状态码)
- 2.响应头(一大堆K:V键值对)
- 3.换行 \r\n
- 4.响应体(一般情况下就是浏览器要展示给用户看的数据)
4.响应状态码
- 1xx 向后端提交数据成功,还可以继续提交数据或者等待
- 2xx 请求数据成功
- 3xx 重定向,即:如果账号未登录,自动跳转到登录界面
- 4xx 资源不存在
- 5xx 服务器内部错误
- 自定义状态码:一般情况下从10000开始
四:html超文本标记语言
所有浏览器展示的页面必备的
1.文件结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
- head标签:给浏览器看的
- body标签:给用户看的
2.注释
<!--注释的内容-->
3.html标签分类
- 1.单标签
- 2.双标签
4.head中的基本标签:
- script标签:里面写js代码 也可以通过src属性引入外部js文件
- link标签:里面引入css文件
- style标签:里面写css代码
- title标签:网页的小标题
5.body中的基本标签
- h1~h6 标题
- p 段落
- hr 水平分割线
- br 换行符
- u 下划线
- i 斜体
- s 删除线
- b 加粗
- 注意:很多样式的实现可能有多种标签形式
6.块儿级标签和行内标签
- 1.块而级标签:一个标签独占一行 h, p, hr. br
- 块儿级标签也可以通过css调整为不独占一行
- 块儿级标签可以嵌套任何类型的标签
- 特例:p标签虽然是块儿级标签,但是不能嵌套块儿级标签
- 行内标签: 内部文件有多大就占多大 span
- 行内标签只能嵌套行内标签
7.body内布局标签
- 1.div:具有网页布局的功能
- 2.span:主要用于文字
8.body内基本符号
空格
> 大于号
< 小于号
& &
¥ ¥
® 注册符号