偶举个例子吧,假如你要修一间房子。
那么,首先,你需要确定房子的结构: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是前端的基础,灵活使用它们可以构建出丰富多样的网页。而它们的应用范围极其广阔,尤其是在前端高速发展的今天,它们三个足以撑起前端行业的半边天。