5.html基础标签:块级+行级元素+特殊字符+嵌套规则

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
    块元素:独立成一行(相当于标签前后都设置了br),可以设置宽高,默认宽高100%
        文字类块元素:hl~h6
        容器类块元素:div table tr td th form ul li ol dl dt dd
    行元素:不独立成一行,不可以设置宽高,宽高由内容决定
            a img input strong em del span
    特殊字符:文字br &nbsp; 
    -->

嵌套规则
1.块元素可以嵌套行元素
<div>这是div<a href="">这是a</a></div>

2.行元素可以嵌套行元素
<a href="">这是个<strong>a</strong></a>

3.行元素不可以嵌套块元素
<a href=""><div></div></a>

4.文字类块元素不可以嵌套块元素
<p>这是一这是一段这是一段这是一段段</p>

5.容器类块素可以嵌套块元素
<div><p></ps <p>k/p></div>

</body>
</html>

猜你喜欢

转载自www.cnblogs.com/zhongzhouyun/p/10787884.html