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>

巴特西

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

最新文章

热门文章