进阶HTML--认识标签嵌套与并列关系 -----16岁的小前端
1. 嵌套关系 /父子关系
<!doctype html>
<html>
<head>
小黑
</head>
<body>
小白
</body>
</html>
之前讲解过:
小黑与head标签的关系是:【小黑在里面,head标签在 外面 】【小黑在head标签 里面 】;
这样的关系我们通常会简明得说为;
小黑与head标签之间是【嵌套关系】;小黑【嵌套】在head标签 里 ;
在【嵌套关系】中;就像是父亲与儿子一样;
里面元素 是外边元素 的子元素; 外面 元 素是 里面元素 的父元素;
小 黑 是head标签的子元素; head标签 是 小 黑 的父元素;
head标签是小黑的父元素;HTML标签也是小黑的父元素;
小黑即是head部分;也是HTML部分;
小黑既拥有head标签的意义;也拥有HTML标签的意义;
标签意义也被称为属性;
小黑既拥有head标签的属性;也拥有HTML标签的属性;
所以:子元素继承所有父元素的属性;
终结:
1. 两个元素,一个元素被另一个元素 包 括 ;那么他们两个之间的关系就是【嵌套关系】;
2. 在【嵌套关系】中;里面元素是外边元素的子元素;外面元素是里面元素的父元素;
3. 子元素继承所有父元素的属性;
1. 并列关系/兄弟关系
<!doctype html>
<html>
<head>
小黑
</head>
<body>
小白
</body>
</html>
在这里我们看到head标签与body标签,没有谁包含谁的,他俩是平级的;就像是兄弟姐妹一样;
那么我们就称head标签与body标签是【并列关系】
-----------------16岁的小前端