使用table结构化与表格的合并实现创建下面的表格
代码部分:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格实践</title>
</head>
<body>
<table border="1px" width="700px" cellspacing="0px">
<caption>面试登记表</caption>
<tr>
<th colspan="2">填表日期</th>
<th></th>
<th colspan="2"></th>
<td width="100">岗位名称</td>
<th height="20" width="90"></th>
<th rowspan="5" width="100">照片</th>
</tr>
<tr>
<td width="90">姓名</td>
<th></th>
<td width="100">出生日期</td>
<th colspan="2"></th>
<td>性别</td>
<th></th>
</tr>
<tr>
<th rowspan="5">基本资料</th>
<td width="115">邮箱</td>
<td colspan="3"></td>
<td>现居地址</td>
<th></th>
</tr>
<tr>
<td>微信</td>
<th colspan="3"></th>
<td>户籍地</td>
<th></th>
</tr>
<tr>
<td>身份证号码</td>
<th colspan="2"></th>
<td width="105">手机</td>
<th></th>
<th></th>
</tr>
<tr>
<td>专业</td>
<th colspan="2"></th>
<td>紧急联系人</td>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td>学历</td>
<th colspan="2"></th>
<td>婚姻状况</td>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th rowspan="3">教育情况</th>
<th colspan="2">时间</th>
<th colspan="2">学校</th>
<th colspan="3">专业</th>
</tr>
<tr>
<th colspan="2" height="20"></th>
<th colspan="2" height="20"></th>
<th colspan="3" height="20"></th>
</tr>
<tr>
<th colspan="2" height="20"></th>
<th colspan="2"></th>
<th colspan="3"></th>
</tr>
<tr>
<th rowspan="6">面试人</th>
<th colspan="2">评分项</th>
<th colspan="2">分数</th>
<th colspan="3" rowspan="6">评价</th>
</tr>
<tr>
<th colspan="2">仪表</th>
<th colspan="2"></th>
</tr>
<tr>
<th colspan="2">表达能力</th>
<th colspan="2"></th>
</tr>
<tr>
<th colspan="2">反应能力</th>
<th colspan="2"></th>
</tr>
<tr>
<th colspan="2">相关经验</th>
<th colspan="2"></th>
</tr>
<tr>
<th colspan="4">总分60以下不得录用</th>
</tr>
<tr>
<th rowspan="2">工作安排</th>
<td rowspan="2">结果(打勾)</td>
<td>不录用</td>
<th width="65"></th>
<td>部门</td>
<th colspan="3"></th>
</tr>
<tr>
<td>录用</td>
<th width="80"></th>
<td>上岗时间</td>
<th colspan="3"></th>
</tr>
</table>
</body>
</html>
注意:
cellspacing:单元格和单元格之间的距离,一般设置为0,设为0就看起来完全接近与表格了