HTML

[HTML]格式其实是一种常见的数据结构——树。看这个[HTML]代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
	<head>
		<title>computer</title>
	</head>
	
	
	<div>
		<div>
			<input type="button"/>
		</div>
		
		<input type="text"/>
		
	</div>


</html>

直观上的树结构是这样的

1

红色的是树的果实，被[HTML]标签包含的部分，白色的是树枝叉，当然树枝叉里也可以存信息，表示这个树枝叉开始的树的性质。

不知道你有没有观察过树，写[HTML]文件的人看见的是这样的树

2

从这个角度，能看到树的结点，树和树枝的关系。

而，访问网页时，通过浏览器，我们会看到这样的树

3

CSS

CSS就是一个颜料仓库，里面有蓝颜料，红色颜料，等等。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.red{
	height: 300px;
	width: 200px;
	padding: 2px;
	border: 1px solid black;
	
	margin: auto;
}
.blue{
	width: 200px;
	height: 200px;
	color: black;
	background-color: antiquewhite;
	border: 0;
}

通过[HTML]树枝结点的[class]属性将[HTML]树和很多颜料瓶连接，从而改变树叶，树枝的形态。

3

JavaScript

[JavaScript]可太像[Scheme]了，不过缺少[Scheme]的宏，倒是一个阉割版的[Scheme]。[JavaScript]和[HTML]通过[input]属性连接。如同一个蚂蚁王国，蚂蚁们能让果子拥有各种各样的味道。

5