网页基础

网页组成

网页可以分为- HTML（骨架）、CSS（皮肤） 和 JavaScript（肌肉）。
HTML定义了网页的内容和结构、CSS描述了网页的布局、JavaScript定义了网页的行为

1、HTML

HTML是用来描述网页的一种语言 （hyper text market langue）,即超文本标记语言。网页包含文字、按钮、图片和视频等各种复杂的元素，其基础架构就是HTML。
不同类型的文字用不同的标签来表示。图片-img、视频- video、段落-video、段落-p等。他们之间的布局通过标签div嵌套组合而成，各种标签通过不同的排列和嵌套，形成了网页的框架。

2、CSS

CSS（cascading style sheets）,即层叠样式表。“层叠”是指当在HTML中引用数个样式文件，并且样式发生冲突时，浏览器能依据层叠顺序处理。

3、JavaScript

简称JS，是一种脚本语言。HTML和CSS配合使用，提供给用户的指示一种静态信息，缺乏交互性。而JS的出现使得用户和信息之间不只是一种浏览与显示的关系，而是实现了一种实时、动态、交互的页面功能。

javascript 通常也是以单独的文件形式加载的，后缀为js,在HTML中通过script标签即可引入。

网页结构

在HTLML中国呢，所有标签定义的内容都是一个节点，他们构成了一个HTML DOM树。
DOM是W3C（万维网）的标准，Document Object Model,即文档对象模型。它是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

W3C DOM标准被分为3个不同的部分：

• 核心DOM：针对任何结构化文档的标准模型
• XML Dom：针对XML文档的标准模型
• HTML DOM：针对HTML文档的标准模型

节点树

HTML DOM 将HTML文档视作树结构，这种结构被称为节点树。树中所有节点均可通过JavaScript访问，所有HTML节点元素均可以被修改、创建、删除。
节点树中的节点彼此拥有层级关系。顶端节点为根，除了根节点外，每个节点都有父节点，同时可拥有任意子节点和兄弟节点。