（4）页面结构分析

最新推荐文章于 2022-01-30 18:34:53 发布

weixin_30699463

最新推荐文章于 2022-01-30 18:34:53 发布

阅读量189

点赞数

文章标签：开发工具

原文链接：http://www.cnblogs.com/shizhengquan/p/10330290.html

版权

div标签，层次结构标签

PS：div层级标签，是最常用的标签，用来进行页面结构搭建

网页代码div标签关联解读

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>页面结构分析</title>
</head>
<body>
 <!--案例1-->
<!--div层级标签，是最常用的标签，用来进行页面结构搭建-->
    <!--div下有属性，class对层级标签重命名（可重复优先选择），id是唯一标识号不能重复-->
    <!--这个是主体，最大的-->
    <div class="wrapper">

 <!--这个是头标签-->
        <div class="header"></div>

 <!--这个是导航标签-->
        <div class="nav"></div>

<!--这个是主体内容标签-->
 <!--.left+.center+.right 通过table键可以快速创建带属性值的标签-->
        <div class="body">
            <div class="left"></div>
            <div class="center"></div>
            <div class="right"></div>
        </div>

<!--网站底部标签-->
        <div class="foot"></div>
    </div>

<!--案例2 ：-->
    <div class="idea">
        <h3></h3>
        <p></p>
        <p></p>
        <p>
            <b></b>
        </p>
    </div>

<!--案例3-->
    <div class="left">
        <div class="list">
            <h3>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </h3>
        </div>
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/shizhengquan/p/10330290.html

weixin_30699463

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（4）页面结构分析

div标签，层次结构标签PS：div层级标签，是最常用的标签，用来进行页面结构搭建网页代码div标签关联解读<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>页面结构分析</title></head&g...
复制链接

扫一扫