首先要知道表格中的几个重要属性：
align：让内容居中，取值为left、right、center
border：设置表格的边框
cellspacing：单元格与单元格之间的距离
bgcolor：表格的背景色
colspan：跨列数
rowspan：跨行数
代码：
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>个人简历</title>
</head>
<style>
td{
width: 80px;
}
</style>
<body>
<table width="650" height="680" align="center" cellspacing="0">
<caption>个人简历</caption>
<tr align="center">
<td bgcolor="#ededed">姓名</td>
<td></td>
<td bgcolor="#ededed">年龄</td>
<td></td>
<td bgcolor="#ededed">性别</td>
<td></td>
<td colspan="2" rowspan="3"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">民族</td>
<td></td>
<td bgcolor="#ededed">政治面貌</td>
<td></td>
<td bgcolor="#ededed">婚姻状况</td>
<td></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">毕业学校</td>
<td colspan="2"></td>
<td bgcolor="#ededed">所学专业</td>
<td colspan="2"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">专业能力</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">求职意向</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">获奖情况</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">自我评价</td>
<td colspan="7"></td>
</tr>
</table>
</body>
</html>
效果：
![web前端布局练手项目[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)