文章目录
前端简介
引入
前端三剑客
1.HTML 网页的骨架(没有样式很难看)
2.CSS 网页的样式(给骨架美化)
3.JavaScript 网页的动态(丰富用户体验)
'''
还有一些前端配套的框架(库)
bootstrap、jQuery、vue、react、angular.js
'''
什么是HTML?
1.超文本标记语言(Hypertext MarKup Language,HTML)是一种用于创建网页的标记语言
2.本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。
对于不同的浏览器,对同一个标签可能会有不同的解释(兼容性问题)
3.网页文件的扩展名:.html或.htm
超文本传输协议前戏
1.编写前端的步骤
2.前端BS架构
编写服务端
import socket
server = socket.socket()
server.bind(('127.0.0.1',8080))
server.listen(5)
while True:
sock,addr = server.accept()
while True:
data = sock.recv(2048)
print(data)
sock.send(b"hello world")
浏览器访问结果
解决方法
HTTP超文本传输协议
1.什么是HTTP协议
2.四大特性
1.基于请求响应
客户端发送请求,服务端回应响应。服务端永远不会主动给客户端发消息,
如果想让服务端主动给客户端发送消息可以采用其他网络协议。
2.基于TCP/IP作用于应用层的协议
3.无状态
服务端不会保存客户端的状态(不保存客户端的状态信息)
就是这个协议它不能够在浏览器中保存数据,现在使用的:淘宝、支付宝、京东等这些网站都需要登录
(cookie、session、token、jwt等保存的,他们才是真正的保存用户数据的)
4.无/短连接
客户端与服务端不会长久保持连接(两者请求响应之后立马断绝关系)
3.数据格式
请求数据格式
1> 请求首行(请求方式:有很多种 协议名称及版本)
2> 请求头(一堆K:V键值对)
3> 换行
4> 请求体(携带一些敏感的数据 不是所有的请求都有请求体)
响应数据格式
1> 响应首行(响应状态码)
2> 响应头(一堆K:V键值对)
3> 换行
4> 响应体(一般情况下就是浏览器要展示给用户看的数据)
4.响应状态码
利用数字来展示一些复杂的描述性信息
1XX:服务端已经接收到你的请求正在处理,你可以继续提交或者等待
2XX:200 OK服务端给出了相应响应
3XX:重定向
4XX:404 Not Found请求资源不存在(绝大多数时候都是遇到的这种情况) 403请求不符合条件
5XX:服务端内部错误(出现网页打不开的情况)
我们在公司中还会自定义更多的状态码,一般情况下从10000开始
'''
公司还会自定义状态码 一般以10000开头
参考: 聚合数据 APL
作用:
后端写给前端的状态码
'''
详细分解
基于HTTP协议搭建HTML
import socket
server = socket.socket()
server.bind(('127.0.0.1',8080))
server.listen(5)
while True:
sock,addr = server.accept()
while True:
data = sock.recv(2048)
print(data)
'遵循HTTP响应格式'
sock.send(b'HTTP/1.1 200 OK \r\n\r\n')
'格式化字体'
sock.send(b'<h1>hello world</h1>')
HTML简介
HTML简称超文本标记语言,是所有的浏览器展示页面必备
浏览器展示的界面我们也称做HTML页面,存储HTML语言的文件一般都是.html
HTML语法注释
<! -- 注释内容 -->
HTML文件结构
<html> 所有的代码都必须卸载html标签内部
<head> head内的数据一般都不是给用户看的
<meta charset='utf-8'> 字符编码
<title></title> 网页标题,在浏览器标题栏显示
</head>
<body></body> body内的数据就是浏览器展示给用户看的
</html>
HTML标签分类
单标签(自闭和标签)<img /> 双标签(有开始有结束) <a></a>