仅使用 html 实现一个简单的个人简历,只需用到 table 标签就行了,其效果图如下:
附上完整的源代码:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>个人简历</title>
</head>
<body>
<div align="center">
<table border="2px" bordercolor="#478cc3" cellspacing="0">
<tr align="center">
<td colspan="6" width="558px" height="70px"><h2>个人简历</h2></td>
</tr>
<tr>
<th rowspan="5" width="93px">个人信息</th>
<th width="93px" height="35px">姓名</th>
<td width="93px"></td>
<th width="93px">性别</th>
<td width="93px"></td>
<td rowspan="5" width="93px"></td>
</tr>
<tr>
<th height="35px">出生年月</th>
<td></td>
<th>民族</th>
<td></td>
</tr>
<tr>
<th height="35px">籍贯</th>
<td></td>
<th>政治面貌</th>
<td></td>
</tr>
<tr>
<th height="35px">毕业院校</th>
<td></td>
<th>学历</th>
<td></td>
</tr>
<tr>
<th height="35px">专业</th>
<td></td>
<th>学位</th>
<td></td>
</tr>
<tr>
<th rowspan="2">联系方式</th>
<th height="35px">联系电话</th>
<td colspan="4"></td>
</tr>
<tr>
<th height="35px">E-mail</th>
<td colspan="4"></td>
</tr>
<tr>
<th rowspan="2">个人能力</th>
<th height="35px">计算机水平</th>
<td colspan="4"></td>
</tr>
<tr>
<th height="35px">英语水平</th>
<td colspan="4"></td>
</tr>
<tr>
<th rowspan="3" height="105px">自我评价</th>
<td colspan="5" rowspan="3"></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<th rowspan="3" height="105px">教育背景</th>
<td rowspan="3" colspan="5"></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<th rowspan="3" height="105px">社会实践</th>
<td rowspan="3" colspan="5"></td>
</tr>
<tr></tr>
<tr></tr>
</table>
</div>
</body>
</html>
更多推荐
纯 html 实现一个简单的个人简历
发布评论