[: currentTime | date:'mm:ss' :] [: timeLeft | date:'mm:ss' :]

是什么

<table>标签用于定义表格,单独出现并没有什么用,它需要和他专有的子标签在一起才有意义。

<table>的子标签有:

  • <tr>table row):定义,出现一组就是一行,出现多组就是多行。
  • <td>table data):定义单元格,一般包含在<tr>中。
  • <th>table head cell):定义表头单元格,一般包含在<thead>中。
  • <thead>table head):定义表头,见例子。
  • <tbody>table body):定义表身,见例子。

怎么用

对于简单的数据<table>的结构也可以简单些:

<table border="1"> <!--表格开始-->
  <tr> <!--第一行开始-->
    <td>王花花</td>
    <td>21岁</td>
  </tr> <!--第一行结束-->
  <tr> <!--第二行开始-->
    <td>李拴蛋</td> 
    <td>19岁</td>
  </tr> <!--第二行结束-->
</table> <!--表格结束-->

simple-table

而更复杂的数据可以用更严谨结构表示:

<table border="1">
  <thead> <!--表头开始-->
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>取向</th>
    </tr>
  </thead> <!--表头结束-->
  <tbody> <!--表身开始-->
    <tr>
      <td>王花花</td>
      <td>21</td>
      <td>拴蛋</td>
    </tr>
    <tr>
      <td>李拴蛋</td>
      <td>19</td>
      <td>花花</td>
    </tr>
  </tbody> <!--表身结束-->
</table>

table

登录后评论