运用表格相关知识编写了一个简单的个人简历页面
运行效果:
代码详情:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人简历</title>
<style type="text/css">
table {
width: 63%;
text-align: center;
}
td {
width: 9%;
height: 35px;
}
#td1 {
height: 150px;
}
</style>
</head>
<body>
<table border="1" cellspacing="0" align="center">
<caption>
<h1>个人简历</h1>
</caption>
<tr>
<td>姓名</td>
<td> </td>
<td>性别</td>
<td></td>
<td>民族</td>
<td></td>
<td rowspan="4"></td>
</tr>
<tr>
<td>出生年月</td>
<td></td>
<td>政治面貌</td>
<td></td>
<td>婚姻状况</td>
<td></td>
</tr>
<tr>
<td>籍贯</td>
<td></td>
<td>现所在地</td>
<td></td>
<td>毕业学校</td>
<td></td>
</tr>
<tr>
<td>学历</td>
<td></td>
<td>学制</td>
<td></td>
<td>专业</td>
<td></td>
</tr>
<tr>
<td>爱好特长</td>
<td colspan="6"></td>
</tr>
<tr>
<td>专业技能</td>
<td colspan="6"></td>
</tr>
<tr>
<td>英语水平</td>
<td colspan="2"></td>
<td>计算机水平</td>
<td colspan="3"></td>
</tr>
<tr>
<td>联系电话</td>
<td colspan="2"></td>
<td>电子邮箱</td>
<td colspan="3"></td>
</tr>
<tr>
<td>求职意向</td>
<td colspan="6"></td>
</tr>
<tr>
<td colspan="7">学习及实践经历</td>
</tr>
<tr>
<td colspan="2">时间</td>
<td colspan="2">学校或单位</td>
<td colspan="3">内容</td>
</tr>
<tr>
<td colspan=2></td>
<td colspan=2></td>
<td colspan=3></td>
</tr>
<tr>
<td colspan="2"></td>
<td colspan="2"></td>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="2"></td>
<td colspan="2"></td>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="2"></td>
<td colspan="2"></td>
<td colspan="3"></td>
</tr>
<tr>
<td rowspan="5"> 自我评定</td>
<td colspan="6" id="td1"></td>
</tr>
</table>
</body>
</html>