<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html table</title>
</head>
<body>
<table border="2px" width="400">
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
<td>爱好</td>
</tr>
<tbody bgcolor="red">
<tr>
<td>张无忌</td>
<td>男</td>
<td>18</td>
<td>赵敏</td>
</tr>
<tr>
<td>张无忌</td>
<td>男</td>
<td>18</td>
<td>赵敏</td>
</tr>
</tbody>
<tbody bgcolor="yellow">
<tr>
<td>张无忌</td>
<td>男</td>
<td>18</td>
<td>赵敏</td>
</tr>
<tr>
<td>张无忌</td>
<td>男</td>
<td>18</td>
<td>赵敏</td>
</tr>
</tbody>
<tr>
<td>张无忌</td>
<td>男</td>
<td>18</td>
<td>赵敏</td>
</tr>
<tr>
<td>张无忌</td>
<td>男</td>
<td>18</td>
<td>赵敏</td>
</tr>
</table>
<!-- 写在table里的align属性，是用来约束整个表格的左，中，右位置的． -->
<table border="2px" cellspacing="0" cellpadding="5" align="center" width="400" height="200">
<tr>
<td>孙悟空</td>
<td>朱无能</td>
<td>沙悟净</td>
<td>唐三藏</td>
</tr>
<!-- 写在tr里的align属性，控制当前行的内容的水平对齐方式． -->
<tr align="center" bgcolor="yellow">
<td>孙悟空</td>
<td width="200" height="200">朱无能</td>
<td colspan="2">沙悟净</td>
</tr>
<tr>
<td>孙悟空</td>
<td>朱无能</td>
<td>沙悟净</td>
<td>唐三藏</td>
</tr>
</table>
</body>
</html>
