HTML、CSS、JavaScript 是什么？
HTML、CSS 和 JavaScript 是前端开发最核心的 3 大技术，它们相互协作，共同构造一个网页。其中，HTML、CSS 和 JavaScript 也被叫做 “新三剑客”。
HTML：全称 “Hyper Text Markup Language（超文本标记语言）” 。HTML 是一门描述性语言，它用于定义一个网页的结构。HTML 使用各种标签来定义网页的各个组成部分，例如标题、段落、图片等。
CSS：全称 “Cascading Style Sheet（层叠样式表），它是用来控制网页外观的一种技术。CSS 用于定义一个网页的样式，包括字体、颜色、布局等。CSS 可以让你轻松创建一个美观的网页（比如绿叶网这样的）。
JavaScript：也就是我们通常所说的 “JS” 。在网页三大技术中，它是唯一一门编程语言。JavaScript 用于定义一个网页的行为，包括各种交互特效、动画效果等。JavaScript 可以让网页更加生动有趣，为用户提供了更好的交互体验。
如何理解 HTML、CSS、JavaScript 的关系？
现在大家都知道，前端最核心的 3 个技术是 HTML、CSS 和 JavaScript。不过有些初学的小伙伴就会问了：“它们之间有什么区别呢？”
HTML 用于控制网页的结构，CSS 用于控制网页的外观，而 JavaScript 控制着网页的行为。
这不是等于没说吗？好吧，给大家打个比方：制作网页就好像是盖一个房子。盖房子的时候，我们都是先把结构建好（HTML）。之后再给房子装修（CSS），例如给窗户装上窗帘、在地板上铺瓷砖。装修好之后，当夜幕降临之时，我们要开灯（JavaScript）才能把屋子照亮。现在大家都懂了吧？
再回到实际例子中去，我们来看一下绿叶网的导航栏。“教程” 这个栏目有以下特点。
- 字体类型是：微软雅黑。
- 字体大小是：14 px。
- 背景颜色是：绿色。
- 鼠标单击该栏目时，背景色变成黑色，箭头会向上并且弹出一个二级菜单。
小伙伴们可能会疑惑： “这些效果是怎么做出来的呢？” 其实思路跟盖房子是一样的。我们先用 HTML 来搭建网页的结构，此时默认情况下，字体类型、字体大小、背景颜色如下图所示。
然后，我们使用 CSS 来修饰一下字体类型、字体大小和背景颜色，如下图所示。
最后，我们再使用 JavaScript 来定义鼠标的行为。当鼠标移到上面时，背景颜色会变成黑色。并且单击该选项，还会弹出一个二级菜单。
到这里，大家就应该都知道一个缤纷绚丽的网页是怎么做出来的了吧？理解这个过程，对于后续学习是非常重要的。
