要制作网页，首先必不可少的是了解文档对象模型（DOM）。DOM 就是对网页的各个元素之间的包含关系以及每个元素的属性的描述，例如
<html>
<head>
<title>Hello This!</title>
</head>
<body>
<h1>Header</h1>
<div>
<p>Paragraph</p>
</div>
</body>
</html>
对于一个网页文档来说，html 是最顶级的元素，它包含 head 和 body 这两个子元素。而 head 元素又包含 title 元素作为子元素。body 元素是文档的主要部分，在这里它包含了 h1 和 div 这两个子元素。按照一定的规则可以嵌套的包含下去。
HTML 这种一级级包含的文档结构，可以理解为一颗文档树，树上有各种节点。在浏览器排版该网页时，将把文档树按照它们的样式（例如用CSS设置）生成父元素包含子元素的许多嵌套盒子并显示出来。
还有个相关的概念叫做浏览器对象模型（BOM），它包含各种与浏览器有关的内容。BOM 的最顶层元素为 window，表示浏览器窗口，它有 document, history, location, navigator 和 screen 等子元素。其中 document 元素表示了上面所述的 html 文档，它有个 body 子元素表示文档的 body 部分内容（文档包含框架 frameset 时略有不同）。
参考资料：
[1] JavaScript 实现
[2] JavaScript中的BOM和DOM
[3] Document Object Model
[YAML] Date: 2011-05-15 20:05:06