Html中的表格

表格基本内容

表格内容都包含在标签<table></table>中，其中:

-<thead>``<tbody>``<tfoot>

<tr>表格行

<td>表格列

<th>表头，或者说是表的标题

colspan水平合并单元格

rowspan垂直合并单元格

一个表格示例：

<table>
  <thead>
        <th>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </th>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

<caption> 表格标题

使用的例子如下，放在<table>元素中。

<table>
  <caption>the title of table</caption>

  ...
</table>

<thead>, <tfoot>, 和 <tbody>

• <thead> 需要嵌套在 table 元素中，放置在头部的位置，通常代表第一行，第一行中往往都是每列的标题，但是不是每种情况都是这样的。如果使用了 <col>/<colgroup> 元素，那么 <thead>元素就需要放在它们的下面。
• <tfoot> 需要嵌套在 table 元素中，放置在底部 (页脚)的位置，一般是最后一行，往往是对前面所有行的总结，比如，你可以按照预想的方式将<tfoot>放在表格的底部，或者就放在 <thead> 的下面。(浏览器仍将它呈现在表格的底部)
• <tbody> 需要嵌套在 table 元素中，放置在 <thead>的下面或者是 <tfoot> 的下面。