说明:第一次自己动手制作,可能存在不足之处
所用知识:
<table> 表格
<tr> 一行
<td> 一个单元格
rowspan =2 跨两行
colspan =2 跨两列
table标签中的部分代码,用于将表的线显示出来
table border="1" cellpadding="1" cellspacing="0"  用于充当空格将表格做的更加整洁除rowspan colspan外,也使用了height调整高度,使得有些部分的特殊使用
完整代码(面试表)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>入职登记表</title>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="0">
<tr>
<td> 姓名 </td>
<td>         </td>
<td> 性别 </td>
<td>         </td>
<td>出生年月</td>
<td>           </td>
<td rowspan="5"> 证件照 </td>
</tr>
<tr>
<td> 籍贯 </td>
<td>         </td>
<td> 政治面貌 </td>
<td>         </td>
<td> 联系电话 </td>
<td>         </td>
</tr>
<tr>
<td> 民族 </td>
<td>         </td>
<td> 身份证 </td>
<td colspan="3"> </td>
</tr>
<tr>
<td> 申请职位 </td>
<td colspan="5"> </td>
</tr>
<tr>
<td> 通讯地址 </td>
<td colspan="5"> </td>
</tr>
<tr>
<td rowspan="5"> 教育背景 </td>
<td colspan="2"> 时间 </td>
<td colspan="2"> 学校 </td>
<td> 职务 </td>
<td> 证明人 </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="2">         </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="2">         </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="2">         </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="2">         </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="5"> 工作经历 </td>
<td colspan="2"> 时间 </td>
<td colspan="2"> 学校 </td>
<td> 职务 </td>
<td> 证明人 </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="2">         </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="2">         </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="2">         </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="2">         </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="4"> 所获荣誉 </td>
<td colspan="2"> 时间 </td>
<td colspan="4"> 名称 </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="4">         </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="4">         </td>
</tr>
<tr>
<td colspan="2">         </td>
<td colspan="4">         </td>
</tr>
<tr>
<td height="80"> 兴趣爱好 </td>
<td colspan="6"> </td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td height="80"> 自我评价 </td>
<td colspan="6"> </td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</body>
</html>