首页 > Web开发 > 详细

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

时间:2019-04-29 01:06:41      阅读:101      评论:0      收藏:0      [点我收藏+]
<!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基础标签:块级+行级元素+特殊字符+嵌套规则

原文:https://www.cnblogs.com/zhongzhouyun/p/10787884.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!