zoukankan      html  css  js  c++  java
  • 2021.1.26 表格及div区别

    一、今日学习内容

        区分了关于div和表格

    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    </head>
    <body>
     
    <div id="container" style="500px">
     
    <div id="header" style="background-color:#FFA500;">
    <h1 style="margin-bottom:0;">主要的网页标题</h1></div>
     
    <div id="menu" style="background-color:#FFD700;height:200px;100px;float:left;">
    <b>菜单</b><br>
    HTML<br>
    CSS<br>
    JavaScript</div>
     
    <div id="content" style="background-color:#EEEEEE;height:200px;400px;float:left;">
    内容在这里</div>
     
    <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
    版权 © runoob.com</div>
     
    </div>
     
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    </head>
    <body>
     
    <table width="500" border="0">
    <tr>
    <td colspan="2" style="background-color:#FFA500;">
    <h1>主要的网页标题</h1>
    </td>
    </tr>
     
    <tr>
    <td style="background-color:#FFD700;100px;">
    <b>菜单</b><br>
    HTML<br>
    CSS<br>
    JavaScript
    </td>
    <td style="background-color:#eeeeee;height:200px;400px;">
    内容在这里</td>
    </tr>
     
    <tr>
    <td colspan="2" style="background-color:#FFA500;text-align:center;">
    版权 © runoob.com</td>
    </tr>
    </table>
     
    </body>
    </html>

    二、遇到的问题

       对于div和table写相同页面时布局不能很熟练地运用

    三、明日计划

       明天继续学习HTML

  • 相关阅读:
    NSArray使用须知
    iOS设备闪光灯控制
    NSArray是强引用容器
    预处理指令#pragram
    iOS添加弹出菜单
    docker 进入容器的方式
    ThinkPHP链接 PgSQL
    Nginx 配置https证书
    Aliyun 域名解析配置七牛云 CNAME 解析
    git + github多人协作开发
  • 原文地址:https://www.cnblogs.com/wmdww/p/14864148.html
Copyright © 2011-2022 走看看