HTML（结构） ：超文本标记语言（Hyper Text Markup Language），决定网页的结构和内容。

HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言: HyperText Markup Language
• HTML 不是一种编程语言，而是一种标记语言
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页
• HTML 文档包含了HTML 标签及文本内容
• HTML文档也叫做 web 页面

HTML标签框架层知识导图

高清知识导图点击下载

HTML标签框架层知识导图 完整学习视频站：https://www.bilibili.com/video/BV1x4411V75C/?spm_id_from=333.999.0.0

HTML视频配套完整学习笔记点击下载

表现层（CSS） Cascading Style Sheet层叠级联样式表

CSS：表现（美化网页）

• CSS 指层叠样式表 (Cascading Style Sheet)
• 样式定义如何显示 HTML 元素
• 样式通常存储在样式表中
• 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一个

CSS：表现（美化网页）知识导图

高清知识导图点击下载

CSS知识导图 CSS3最新教程快速入门通俗易懂完整学习视频站：https://www.bilibili.com/video/BV1YJ411a7dy/?spm_id_from=333.999.0.0

CSS视频配套完整学习笔记点击下载

行为层（JavaScript）控制网页的行为

JavaScript一门弱类型脚本语言，其源代码在发往客户端运行之前不需要经过编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释运行。

• 嵌入动态文本于HTML页面。
• 对浏览器事件做出响应。
• 读写HTML元素。
• 在数据被提交到服务器之前验证数据。
• 检测访客的浏览器信息。
• 控制cookies，包括创建和修改等。
• 基于Node.js技术进行服务器端编程。

行为层（JavaScript）知识导图

高清知识导图点击下载

JS知识导图 JS最新教程快速入门通俗易懂完整学习视频站：https://www.bilibili.com/video/BV1JJ41177di/?spm_id_from=333.999.0.0

JS视频配套完整学习笔记点击下载

vue基础、vue-cli、webpack、axios、npm、elementUI、vue-router、vuex基础学习

• Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
• Vue 只关注视图层， 采用自底向上增量开发的设计。
• Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

vue快速入门通俗易懂完整学习视频站：https://www.bilibili.com/video/BV18E411a7mC?p=2