HTML
超文本标记语言（HyperText Markup Language）是一种用于创建网页的标准标记语言。
上述图片来自HTML 简介 | 菜鸟教程 (runoob.com)
可以使用HTML进行页面的排版，添加文字，段落，视频等。
它提供一系列的标签来组成一个页面，我们可以根据自己的需要，来进行相应的标签的添加
补充HTML5新特性：
- 语义标签
- 增强型表单
- 视频和音频
- Canvas绘图
- SVG绘图
- 地理定位
可以在掘金参考这篇文章[【HTML】H5新特性有哪些？看这篇文章就够了 - 掘金 (juejin.cn)]
(juejin.cn/post/690969…)
CSS
层叠样式表(Cascading Style Sheets），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言
如果把HTML比喻为建车子的架构那么CSS就是搞美化了
CSS可以通过内联样式或者通过选择器选择标签来设置标签的样式，比如颜色，对齐，字体，背景等。就是美化界面。
学习css重点要学习的知识
- css布局
- 对齐
- css选择器以及选择器的优先级，可以参考CSS 选择器参考手册 (w3school.com.cn)
- 动画
- 过渡等
上述是本人觉得如果是快速学习的话，需要重点掌握的内容
JS
JavaScript 是一种脚本语言，可以插入 HTML 页面的编程代码
js就是给车子实现功能了，比如停车，加速。
JSON
JSON 是用于存储和传输数据的格式, 通常用于服务端向网页传递数据
JSON 语法规则
- 数据为 键/值 对。
- 数据由逗号分隔。
- 大括号保存对象
- 方括号保存数组
JSON 数据 - 一个名称对应一个值
JSON 数据格式为 键/值 对，就像 JavaScript 对象属性。 键/值对包括字段名称（在双引号中），后面一个冒号，然后是值：
"name":"Runoob" JavaScript JSON | 菜鸟教程 (runoob.com)
浏览器的整个渲染机制
1、在浏览器中输入URL。
2、浏览器向相应的服务器发送请求，接受响应。
3、HTML解析器自上而下地将HTML文件解析成一棵DOM树，树上的节点就是相应的元素。
4、CSS解析器将CSS解析成CSSOM树。
5、根据DOM树和CSSOM树构建相应的Render树（渲染树）,隐藏的DOM元素不会被构建在渲染树上
6、Layout（布局）：计算出每个节点在屏幕中的位置。
学习以上语言个人建议可以去菜鸟教程上过一遍教程，看教程学习会比看视频快一点，实践的时候可以去视频上面跟着学习，这样可以加快学习速度，当然了学习速度要根据自己对知识的掌握程度来调整。
