HTML笔记——表格

表格标签

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

表格的表头使用 <th> 标签进行定义。（居中 加粗）

<thead>, <tbody> 和 <tfoot>很少被用到，这是由于浏览器对它们的支持不太好。希望这种情况在未来版本的 XHTML 中会有所改观。

带标题的表格：

<table border="1">
<caption>标题（会在表格上方居中）</caption>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

有关rowspan和colspan:

把多列合并为一列：rowspan

把多行合并为一行：colspan

都是在td/th中设置。！！

表格内的边距cellpadding和cellspacing：

单元格内容与其边框之间的空白:cellpadding（文字与td边框的距离）

单元格之间的距离：cellspacing（td与tr边框的距离）

例：

<table border="1"  cellpadding="10">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<table border="1"  cellspacing="10">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>