一、什么是前端？
定义：任何与用户直接打交道的操作界面
HTML, CSS, JavaScript
HTML 内容 网页的骨架
CSS 外观 网页的样式
JavaScript 动作 网页的动态效果流程
HTML（标签）——CSS（选择器——属性）——JavaScript（基础语法——BOM&DOM）
二、手动实现web服务端
web服务的本质
服务器
文件（后缀名是.html结尾的文件）
浏览器中敲入网址回车发生了几件事
web服务端代码
import socket
server = socket.socket()
server.bind(('127.0.0.1', 8080))
server.listen(5)
while True:
conn, addr = server.accept()
data = conn.recv(1024)
print(data)
conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
conn.send(b'hello')
conn.close()三、HTTP协议（超文本传输协议）
四、HTML（超文本标记语言）
作用：要想让页面能够被浏览器正常显示出来，页面必须遵循HTML标记，也就意味着所有能被浏览器显示出来的页面，内部都是HTML代码。
HTML注释
<!--单行注释--><!--
多行注释
多行注释
--><!--导航条样式开始-->
<!--导航条样式结束--》HTML文档结构
<html>
<head></head> # head内的标签，不是用来展示给用户看的，而是定义一些配置，主要是给浏览器看的。
<body></body> # body内的标签，就是浏览器展示给用户看的内容
</html>打开html页面的两种方式
标签的分类
单标签和双标签
<img ><h1></h1>
<a></a>块级标签和行内标签
五、head内常用标签
head内常用标签
| 标签 | 意义 |
|---|---|
| 定义网页标题 | |
| 定义内部样式表 | |
| 定义JS代码或引入外部JS文件 | |
| 引入外部样式表文件或网站图标 | |
| 定义网页原信息 |
meta
特点
meta标签的两种属性
http-equiv属性：相当于http文件头作用，可以向浏览器传回一些有用的信息，以帮助正确的显示网页内容。与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
<!--指定文档的编码类型>
<meta http-equiv='content-Type' charset='utf8'>
<!--2秒后跳转到对应的网址-->
<meta http-equiv='refresh' content='2;URL=https://www.xxx.com'
<!--告诉IE以最高级模式渲染文档-->
<meta http-equiv='x-ua=compatible' content='IE=edge'>name属性：主要用于描述网页，与之对应的属性值为content， content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的
<meta name='keywords' content='meta总结，html meta,meta属性，meta跳转'>
<meta name='description' content='xxx'六、body内常用标签
基本标签
<h1>一级标题标签<h1>
<p>段落标签</p>
<b>加粗</b>
<i>斜体<i>
<u>下划线</u>
<s>删除</s>
<!--换行-->
<br>
<!--水平线-->
<hr>特殊符号
| 内容 | 对应代码 |
|---|---|
| 空格 |   |
| > | > |
| < | < |
| & | & |
| ￥ | ¥ |
| 版权 | © |
| 注册 | ® |
?
原文：https://www.cnblogs.com/binyuanxiang/p/11550826.html