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>
  • 相关阅读:
    geoserver发布mysql表数据
    geoserver1
    geoserver
    快速搭建arcgis以及cesium环境
    openlayers和cesium实现地图二三维切换
    记Mysql类型引起的BUG
    OpenLayers 图层(Layers) 详解
    基于TrueLicense实现产品License验证功能
    第七章
    第六周进度报告
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7534905.html
Copyright © 2011-2022 走看看