HTML引言
程序的本质
后端：处理数据、存储数据
前端：展示数据
前端三剑客：
HTML -网页的内容
CSS -内容的样式 （例：文本的字体大小 图片的位置摆放）
JavaScript -人机交互 动态效果（例：轮播图效果 鼠标悬停提示）
基础学习目标
-HTML 学习 标签
-CSS 学习 选择器+属性
-JavaScript 学习 语法+BOM&DOM
-框架 Jquary BootStrap
Web的本质
1.以浏览器作为客户端，向后端的Web服务器发起请求（浏览器地址栏里输入URL地址，DNS域名解析将此地址转化为IP） -->Socket请求
2.Web服务器接收请求，建立Socket通信，提供Socket Server服务 ,即处理相应的请求（数据的查询、修改、添加并存储）,
3.Web服务器将处理后的结果(HTML文件)发送回浏览器，浏览系解析文件，渲染出最终界面
前后端能够互通的前提是，两者遵循一致的消息格式，即Web通信协议-HTTP协议
举例：服务端返回data.html文件，内容如下
<h1>Hello 2020</h1> <img src="https://p.ssl.qhimg.com/dmfd/400_300_/t01a41686599e2fc7a4.jpg"> <a href="http://www.baidu.com">baidu</a>
举例：服务器端 Socket Server代码如下
1 import socket 2 3 sk=socket.socket() 4 sk.bind("127.0.0.1",7000) 5 sk.listen(5) 6 7 8 while 1: 9 10 conn,addr = sk.accept() 11 12 conn.recv(1024) #接收请求 13 14 conn.send(b'HTTP/1.1 200 ok\r\n\r\n') #遵循通信协议 15 #以字节读取文件内容 16 with open("data.html","rb","encoding=utf-8") as f: 17 msg = f.read() #读文件 18 conn.send(msg) #发送响应内容 19 20 coon.close()
