zoukankan      html  css  js  c++  java
  • (4)页面结构分析

    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>
  • 相关阅读:
    AutoComplete控件
    META httpequiv 大全
    十四条必知的手机电池充电技巧
    什么是套接字
    理解HTTP session原理及应用
    Adodb.Stream取得图像的高宽
    微软Windows 7测试版下载网上泄露
    Oracle新手學習
    Oracle字符串函数
    Oracle的Window服务启动时并不启动实例
  • 原文地址:https://www.cnblogs.com/shizhengquan/p/10330290.html
Copyright © 2011-2022 走看看