html的标签都是有一个层架关系的，简单的例子就是html中的标签都是闭合的，闭合的中间还可以嵌套其他的标签，则嵌套在某个标签里面的标签就成了这个标签的子元素，外边的元素就是父元素。
工具原料：编辑器、浏览器
1、一个div里在嵌套一个div，外边的div就是里面div的父元素，代码示例如下：
<body><div id="father">
<div id="son"> </div>
</div>
</body>
2、以上元素中id为father就是id为son的子元素，可以使用JavaScript来证明一下，如下图：
使用JavaScript的parentElement方法可以查看到id为son的父元素是id为father的div.
假如 是母元素 就会类似这种 外公->母亲->儿子 ->孙子， 这个关系不够直接和明确。 如果是 爷爷->爸爸->儿子->孙子...这个链条就非常明确。而且这个是从parent 直接翻译过来的。并不分男女之分。 只是父子在中文里面的血缘含义更明确，就使用了父元素。 这个问题其实挺无聊的，只是为了有个统一的叫法而已。如果真叫了母元素， 是不是又有人质疑为什么不叫父元素了。<html><head>
<title>...</title>
</head>
<body>
<ul>
<li>332</li>
<li>233234</li>
</ul>
<p>...</p>
</body>
</html>
例如上面的html结构:
<html>元素就是<body>和<head>的父元素（上下级，包含关系）
而<body>又是<ul>和<p>的父元素
<ul>又是两个<li>的父元素。
两个<li>就是兄弟元素（平级）
<body>和<head>也是兄弟元素，依此类推。
相应的， ul 和p是body的子元素， 而 li 呢， 是body的后代元素（后代选择符）。
你在dreamweaver里，套用源格式后，代码自动缩进，你很容易就能看出来的。
