• Table表格


          table表格现状

        主要用在网页布局上,但是随着Web2.0时代的到来,表格已经被摒弃了,现在主要开始使用的是“DIV+CSS”模式。

         常用的table标签 

          Caption 代表表格标题

          Cellpadding 内边距(单元格内容与表格距离) 默认值

          Cellspacing  单元格间距 默认值2

          Td的专有属性

          横向合并td colspan

          纵向合并td  rowspan

          Border  边框

          table格式

      <table>

              <tr>

                  <td>单元格内容1</td>

                  <td>单元格内容2</td>

              </tr>

              <tr>

                  <td>单元格内容3</td>

                  <td>单元格内容4</td>

              </tr>

      </table>

    例:

     1 <!DOCTYPE html>
     2 <html>
     3 <head> 
     4 <meta charset="utf-8"> 
     5 <title>haha </title> 
     6 </head>
     7 <body>                           
     8  <table border="1">
     9  <tr>
    10      <td>
    11          <p>这是一个段落</p>
    12          <p>这是另一个段落</p>
    13      </td>
    14      <td>
    15          <p>这个单元格包含一个表格:</p>
    16          <table border="1">
    17              <tr>
    18                  <td>A</td>
    19                  <td>B</td>
    20              </tr>
    21              <tr>
    22                  <td>C</td>
    23                  <td>D</td>
    24              </tr>
    25          </table>
    26      </td>
    27  </tr>
    28      <tr>
    29          <td>
    30              <p>这个单元格包含一个列表</p>
    31              <ul type="disc">
    32                  <li>apples</li>
    33                  <li>bananas</li>
    34                  <li>pineapples</li>
    35              </ul>
    36          </td>
    37          <td>HELLO</td>
    38      </tr>
    39  </table>       
    40 </body>
    41 </html>

    代码运行实图:

  • 相关阅读:
    MySQL -- 表联结
    Unittest方法 -- 项目实现自动发送邮件
    Linux工作中常用命令
    Requests方法 -- Token获取操作
    Requests方法 -- 关联用例执行
    Requests方法 -- Blog流程类进行关联
    Requests方法 -- 参数化
    defer和async的区别
    js函数收藏:获取cookie值
    XSHELL使用技巧总结
  • 原文地址:https://www.cnblogs.com/zhai113/p/11262795.html
Copyright © 2020-2023  润新知