偶举个例子吧，假如你要修一间房子。
那么，首先，你需要确定房子的结构：1.是方的、圆的还是其他形状的？2.平顶的还是斜面的？
其次，假如房子修好了，你想要什么样的装饰？
而HTML和CSS就是用来解决这两步的，HTML决定了网页的结构(（也就是所谓的布局），CSS决定了网页的样式（颜色、动画效果等）。
首先，看一下它们的概念。
HTML
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面[3]。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。
CSS
层叠样式表（英语：Cascading Style Sheets，缩写：CSS；又称串样式列表、级联样式表、串接样式表、阶层式样式表）是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言。
所以，现在基本上你能看到的网页都离不开HTML和CSS，这是因为目前绝大多数的主流浏览器都能够很好的解析渲染HTML和CSS，并且随着互联网行业的发展，HTML和CSS的属性越来越丰富，所支持的类型也越来越多，可以说，HTML和CSS是目前网络上界面展示的不二选择。
丰满的界面展示和良好的用户体验都离不开HTML和CSS的支持。
当然，只有HTML和CSS搭建的网页或许会很漂亮，但是缺少灵魂——JavaScript（简称JS），JS负责的是网页中元素之间的交互，JS使得网页更加的生动和多样。
JavaScript
JavaScript（通常缩写为JS）是一种高级的、解释型的编程语言[5]。JavaScript是一门基于原型、函数先行的语言[6]，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。它已经由ECMA（欧洲计算机制造商协会）通过ECMAScript实现语言的标准化[5]。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、Firefox、Safari、Opera）支持。
HTML、CSS和JavaScript是前端的基础，灵活使用它们可以构建出丰富多样的网页。而它们的应用范围极其广阔，尤其是在前端高速发展的今天，它们三个足以撑起前端行业的半边天。
