原创作品，未经许可不得转载
正如你在上一个练习中所看到的那样，我们将<p>标签包含在<body>标签之内，那么在这个结构中，p元素是body元素的子元素，相对应的，body元素是p元素的父元素。
<body>
<p>这是段落元素，它用来显示一段文本。</p>
</body>
而p元素又还可以包含其它元素，以此类推，可以无穷无尽，就像一棵树的树杆和枝丫一样，所以通常被称做树形结构。
你可能已经注意到了，在上面的示例中，子元素p相对于父元素body有一定的缩进，这是为了使代码更清晰、易读。这是一个良好的习惯，你在写HTML代码时也应该这样做。可以用“Tab键”或“空格键”增加缩进。
我们来看一个更复杂一些的例子：
<body>
<div>
<h1>这个h1元素是p元素的兄弟元素，同时也是body的子元素的子元素</h1>
<p>这个p元素是h1元素兄弟元素，同时也是body的子元素的子元素</p>
</div>
</body>
在这个示例中，body是div的父元素，h1和p都是div的子元素。因为h1和p处于同一级别，因此它们是“兄弟元素”。同时，它们也都是body的子元素（div）的子元素，因此也可被称作是body的“孙子元素”。
理解HTML的层次结构非常重要，不仅有利于写出更加规范的代码，并且在后面的学习中你会注意到，子元素会从父元素那里继承行为和样式，在后面学CSS和Javascript时你将会对此有更多的理解。