网页的组成
网页可以分为三大部分----HTML，CSS，Javascript。如果把网页比作一个人，那么HTML相当于骨架，Javascript相当于肌肉，CSS相当于皮肤，这三个结合起来才能形成一个完整的网页，
HTML：超文本标记语言，用来描述网页，对其进行基本的架构，用不同类型的标签来表示不同类型的元素。
CSS：HTML只是元素的简单排列并不美观，为了让页面更加好看，。中文名称为层叠样式表，表示当HTML中引用多个样式文件，并且发生冲突时，浏览器能够按照层叠顺序来处理这些样式。样式指的是网页中文字的颜色、大小，排列等格式。在网页中一般会定义整个网页的样式规则，并写入CSS文件中，在HTML中只需要用Link标签来引入写好的CSS文件这样整个页面就会显的美观优雅。
Js：是一种脚本语言，HTML和CSS语言来组合使用，提供给客户的只是一种静态信息，缺乏交互性。我们通常在会在网页里看到一些交互和动画效果，如进度条，提示框和轮播图等。它的主要作用是实现了实时和动态和交互的页面功能。
节点树和节点间的关系
在HTML中所有的标签定义的内容都是节点，这些节点构成一个HTML节点树，也叫HTMLDOM树。整个网站文档是一个文档节点，每个html标签对应一个根节点。节点内的文本是文本节点，比如a节点代表一个超链接，它内部的文本也被认为是一个文本节点。每个节点的属性也是节点，比如a标签的href属性就是一个属性节点。通过HTML DOM节点树中的节点均可以通过Javascript访问，所有的HTML元素均可被修改、创建、删除。
节点树中的节点彼此拥有层级关系，我们通常用父，子，兄弟等来描述关系。顶端节点成为根，除了根结点外，每个节点都有父节点，同时可以拥有任意数量的子节点或者兄弟节点。
选择器
常用的有id，class，标签名来选择。还支持嵌套的选择，利用空格把各个选择器分隔开代表嵌套关系，还有比较常用的Xpath选择器。
