zoukankan      html  css  js  c++  java
  • html-表格和列表

    一:表格标签

     

    表格描述
    <table> 定义表格
    <caption> 定义表格标题。
    <th> 定义表格的表头。
    <tr> 定义表格的行。
    <td> 定义表格单元。
    <thead> 定义表格的页眉。
    <tbody> 定义表格的主体。
    <tfoot> 定义表格的页脚。
    <col> 定义用于表格列的属性。
    <colgroup> 定义表格列的组。

    二:单元格合并

      1)行合并rowspan

      2)列合并colspan

      

    <html>
    
    <body>
    
    <h4>横跨两列的单元格:</h4>
    <table border="1">
    <tr>
      <th>姓名</th>
      <th colspan="2">电话</th>
    </tr>
    <tr>
      <td>Bill Gates</td>
      <td>555 77 854</td>
      <td>555 77 855</td>
    </tr>
    </table>
    
    <h4>横跨两行的单元格:</h4>
    <table border="1">
    <tr>
      <th>姓名</th>
      <td>Bill Gates</td>
    </tr>
    <tr>
      <th rowspan="2">电话</th>
      <td>555 77 854</td>
    </tr>
    <tr>
      <td>555 77 855</td>
    </tr>
    </table>
    
    </body>

    三:无序列表

      无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

      无序列表始于 <ul> 标签。每个列表项始于 <li>。

      <ul>
        <li>Coffee</li>
        <li>Milk</li>
      </ul>

    四:有序列表

      同样,有序列表也是一列项目,列表项目使用数字进行标记。

      有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

      <ol>
        <li>Coffee</li>
        <li>Milk</li>
      </ol>

    五:定义列表

      自定义列表不仅仅是一列项目,而是项目及其注释的组合。

      自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

      <dl>
      <dt>Coffee</dt>
        <dd>Black hot drink</dd>
      <dt>Milk</dt>
        <dd>White cold drink</dd>
      </dl>
  • 相关阅读:
    「UVA12293」 Box Game
    「CF803C」 Maximal GCD
    「CF525D」Arthur and Walls
    「CF442C」 Artem and Array
    LeetCode lcci 16.03 交点
    LeetCode 1305 两棵二叉搜索树中的所有元素
    LeetCode 1040 移动石子直到连续 II
    LeetCode 664 奇怪的打印机
    iOS UIPageViewController系统方法崩溃修复
    LeetCode 334 递增的三元子序列
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7534905.html
Copyright © 2011-2022 走看看