1.首先要了解页面的结构（包含哪些元素？哪些计算机语言能够在页面中运行 ）
（1）html
不仅可以包含文字，还可以包含图片、链接，甚至音乐、程序等非文字元素的标记语言
（展示给用户，不能太单调，css）
（2）css
是一种用来表现HTML的计算机语言，能使HTML页面变得更加美观
要展示给用户光漂亮是不够的，用户还要能够动态的操作HTML页面，也就是让浏览器和用户之间的交互不仅仅是用户能浏览html中的内容，还要能对html页面操作，JavaScript
（3）JavaScript
用来给HTML网页增加动态功能、交互行为是一种解释性脚本语言（不进行预编译）目前我们熟悉的语言Java、JavaScript、C、C++，都属于高级编程语言
①计算机不能理解高级语言，也就不能直接执行高级语言了
②计算机只能直接理解机器语言，所以任何语言，都必须将其翻译成机器语言，计算机才能运行高级语言编写的程序
③翻译的方式有两种，一个是编译，一个是解释。
1）编译：Java语言的运行先经过编译，但是JAVA语言的编译不是直接编译成计算机能识别的语言，而是编译成JAVA虚拟机能识别的class文件 JAVA语言就是典型的翻译方式为编译的编程语言，虽然不是编译成计算机能直接识别的语言，但是同其他以编译为翻译方式的高级编程语言的原理大体上是相同的。最明显：C/C++，可以编译成二进制代码,以可执行文件的形式存在（exe文件）都是先编译再运行，而且是一次编译到处运行，效率非常高。（只需要在第一次运行的时候编译一次）
2）解释：解释性脚本语言的程序不需要编译，解释性脚本语言在运行程序的时候才翻译解释性脚本语言有专门的解释器来负责解释，不过每次都需要翻译，效率比较低。JavaScript 就是一种解释性脚本语言
④JavaScript也有自己专门的解释器——JavaScript引擎，它存在于浏览器端，作为浏览器的一部分
一句话：html（超文本标记语言）、css（层叠 样式表）、JavaScript脚本语言这三样东西在浏览器端相互配合、相辅相成形成了比较成熟的前端界面
（4）这三样东西在HTML页面中的位置
html的基本结构
①html：贯穿整个页面
②css：三种声明方式
外联样式表：在head便签中 用link标签的href属性来引用后缀名为.css的css样式文件
内联样式表：在head标签下的style标签中，选择器 + 样式声明
内部样式表：在标签的style属性中添加css样式声明
③JavaScript：在