网页基础

一、网页结构

网页可以分为三大部分HTML、CSS和JavaScript。

1.HTML：
网页的基础架构就是HTML，不同类型的文字通过不同类型的标签表示，如图片用img标签表示，段落用p标签表示，它们之间的布局又常通过布局标签div嵌套组合而成，a 标签定义超链接，用于从一张页面链接到另一张页面，a元素最重要的属性是 href 属性，它指示链接的目标。各种标签通过不同的排列和嵌套形成了网页的框架。

2.CSS：
网页页面排版样式标准

在网页中，一般会统一定义整个网页的样式规则，并写入CSS文件中（其后缀为CSS）。
在HTML中，只需要用link标签即可引入写好的文件，这样整个页面就会变得美观。

3.JavaScript
简称JS，后缀为js，是一种脚本语言，HTML和CSS配合使用时，提供给用户的只是静态页面，缺乏交互性。
网页中的动画和交互效果需要用JavaScript实现。
在HTML中，通过script标签引入。

二、节点之间的关系

一个网页的标准形式是 html 标签内嵌套 head 和body标签， head内定义网页的配置和引用，body 内定义网页的正文。

**HTML DOM树：**针对HTML文档的标准模型，它将HTML文档视作树结构，这种结构被称为节点树。

选择器：
在CSS中使用选择器来定位节点，可以根据id，class和标签名筛选，若div节点的id为container，那么就可以表示为#container，#开头表示选择id，.开头表示选择class。
此外CSS还支持嵌套筛选，语法规则如图所示：