table标签
相关标签介绍
- <caption> — 表格的标题
- <th> — 表格的行标题或列标题
- <tr> — 表格的一行
- <td> — 表格的一列
table标签的属性
- summary — 摘要内容,不会显示在浏览器,该属性增加了表格的可读性,使搜索引擎更好的读懂表格内容
- cellingpadding — 单元格与其内容间的距离
- cellingspacing — 单元格间的距离
th、tr、td标签的属性
- rowspan — 跨越xx行的单元格
- colspan — 跨越xx列的单元格
- align — 单元格中文本的对齐方式
table实例
对于这样一个不规则的表格,可以用rowspan和colspan属性实现。
<table cellpadding="0" cellspacing="2px" border="0" summary="不规则表格实例">
<caption>不规则表格实例</caption>
<tr>
<td colspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2" colspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<!-- 合并过了的列就不用再写了 -->
<td colspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td colspan="2"></td>
</tr>
</table>