计算机网络发展史里程碑事件：
1. 美国国防部 - ARPANET - 1960s
2. 国际标准化组织（ISO） - OSI/RM - 1980s
3. 蒂姆·博纳斯·李 - Browser - 1990s
超文本标记（标签）语言
HTML - Hyper-text Markup Language
1. 标签 - content（内容）
2. 层叠样式表 - display（显示）
3. JavaScript - behavior（行为）
内容（数据）跟显示（视图）分离
ECMAScript ---> ES
HTML 5 / CSS 3 / ES2019（ES10） - 最新标准
文本编辑神器
1. Sublime
2. TextMate
3. Atom
4. VSCode
集成开发环境 - IDE
1. WebStorm
2. HBuilder
文本标签：
1. h1~h6 - 标题 - heading
2. hr - 水平标尺 - horizontal ruler
3. p - 段落 - paragraph
4. sub / sup - 下标 / 上标
5. em / strong / del / ins - 强调
6. br - 折行 - break ruler
列表标签：
1. 有序列表 ol - ordered list
2. 无序列表 ul - unordered list
li - list item
3. 定义列表 dl - definition list
dt - definition title
dd - definition description
字符实体/实体替换符
- 空格
< / > - 尖括号
© / ® / ™ - 版权所有/注册/商标
¥ / € - 货币符号
超链接标签：
a - href / target
1. 页面链接
2. 锚点链接
3. 功能链接
图像标签：
img - src
figure / figcaption
表格标签：
table / tr / th / td / thead / tfoot / tbody
rowspan / colspan
表单标签：
form - action / method / enctype
input - type - text / password / email / tel / date / file / radio / checkbox / range / number / submit / reset / image / hidden
select - option
textarea
隐藏域 / 隐式表单域 / 埋点
Internet - TCP/IP模型 - 协议族
HTTP - Hyper-Text Transfer Protocol - 超文本传输协议
HTTP协议的动词：
- get - 从服务器获取资源（网页、图片、音视频）
- post - 提交数据给服务器
- delete - 从服务器删除资源
- put / patch - 更新服务器资源
应用层 - HTTP / SMTP / POP3 / FTP / SSH / QQ
传输层 - TCP/UDP - 端到端传输
IP层（网络层）- 寻址和路由
网络接口层（物理链路层） - 分帧（数据切成小片）和校验（每片数据加上冗余校验）
将复杂系统分解为相对简单的子系统，下层为上层提供服务
TCP承诺的三件事情：
- 可靠传输（不传错、不传丢）
- 流量控制
- 拥塞控制
音视频标签：
audio / video - source - autoplay / controls / loop
层叠样式表：
- 外部样式表 - link
- 内部样式表 - style
- 行内样式表 - 不推荐使用
选择器：
- 通配符选择器 - *
- 标签选择器 - p
- 属性选择器 - input[type=text]
- 类选择器 - .foo
- ID选择器 - #bar
- 组合类型的选择器
~ 后代：p h1
~ 父子：p>h1
~ 兄弟：p~h1
~ 相邻兄弟：p+h1
三条原则：
- 重要性原则 - !important
- 具体性原则 - # > . > tag[...] > tag > *
- 就近原则
常用属性：
- 颜色：color - red / rbg / rgba / hsl / hsla / hex code
- 尺寸：width / height - px / cm / em / percentage
- 字体：font
- 文本：text-align / line-height / text-decoration / letter-spacing / vertical-align
- 边框/轮廓：border / outline
- 列表：list-style-type / list-style-image / list-style-position
- 表格：border-collapse / border-spacing / empty-cells / table-layout
- 背景：background-color / background-image / background - CSS抠图
- 内外边距：margin / padding
- 定位：position / z-index / float / clear
- 其他：display / visibility / cursor
- 动画：@keyframes animation
伪类/伪元素
:first-letter / :first-line
:focus / :hover / :visited / :active
:first-child / :last-child / :nth-child(n)