【示例1】
<table>
<caption>表格标题内容</caption>
<tr>
<th>表格表头内容</th>
<td>表格一单元格</td>
<td>表格一单元格</td>
</tr>
</table>
【说明】
表格框架:<table></table>
表格标题:<caption></caption>
表格表头:<th></th>
表格一行:<tr></tr>
表格一格:<td></td>
【示例2】
<table>
<thead>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</thead>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tbody>
<tfoot>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tfoot>
</tbody>
</table>
【说明】
表空格:
表头行:<thead></thead>
表主题:<tbody></tbody>
表备注:<tfoot></tfoot>
【示例3】
<table width="100" height="80" border="1" bordercolor="#0000FF" bgcolor="blue">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
【说明】
表宽度:width
表高度:height
表边框粗细:border
表背景:bgcolor
表边框颜色:bordercolor
表亮边框颜色:bordercolorlight
表暗边框颜色:bordercolordark
【示例4】
<table frame="hsides" rules="none">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
【说明】
表边框样式:frame、rules
frame参数如下:
显示上下左右边框:border
显示上下边框:hsides
显示左右边框:vsides
显示上边框:above
显示下边框:below
显示左边框:lhs
显示右边框:rhs
不显示边框:void
rules参数如下:
显示所有边框:all
显示介于行列边框:groups
不显示内部边框:none
仅显示列边框:cols
仅显示行边框:rows
【示例5】
<table align="center" cellspacing="0" cellpadding="0">
<tr align="center" valign="middle">
<td rowlspan="2">跨行合并</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td align="center" valign="middle">水平垂直居中</td>
<td> </td>
</tr>
<tr>
<td colspan="2">跨列合并</td>
<td> </td>
</tr>
</table>
【说明】
行内水平对齐:align
行内垂直对齐:valign
设置跨行:rowspan
设置跨列:colspan
设置单元格间距:cellspacing
设置单元格边距:cellpadding
水平对齐方式属性如下:
左对齐:left
右对齐:right
居中对齐:center
垂直对齐方式属性如下:
顶端对齐:top
居中对齐:middle
低端对齐:bottom
基线对齐:baseline