html由element组成。element分两种，正常element和空element。

正常element

<p class=“wd”>world</p>

element由tag和content构成

• tag

1. 开始tag <p class=“wd”>
2. 结束tag</p>

• content

1. 可以是直接在页面上显示的内容
2. 也可包含别的tag

<ul>

<li>first</li>

<li>second</li>

</ul>

空element

没有content和结束tag的element。比如

1. 换行<br>
2. <img src=“bg.png”>
3. <input type=“text” name=“name”>

element之间存在三种关系

1. 父子关系。
2. 祖孙关系
3. 兄弟关系

<div>

<h1>title</h1>

<p>p1</p>

<p>p<strong>2</strong ></p>

</div>

div和h1，div和p，p和strong是父子关系。

div和strong是祖孙关系。

h1和p是兄弟关系。