学习html的第一天，简单的一个小训练。通过合并行和列实现一个简历模板。
效果图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人简历</title>
</head>
<body>
<h1 align="center">个人简历</h1>
<!--colspan是横向合并；rowspan是纵向合并-->
<div >
<table style="text-align:center" border="2" cellspacing="0" width="750" height="900" align="center">
<tr height="5%">
<td rowspan="2" colspan="2" width="16%" >姓名</td>
<td rowspan="2" width="16%"></td>
<td width="8%">性别</td>
<td width="8%"></td>
<td colspan="2" width="16%">文化</td>
<td colspan="2" width="16%"></td>
<td rowspan="4" width="130" ><img width="160" bordercolor="white" height="170" align="center" src="http://hbimg.b0.upaiyun.com/85d73bde436a2c4e6fb9b0c5bd48e62912d1253023543-VKExF5_fw658" ></td></tr>
<tr height="5%">
<td>身高</td>
<td></td>
<td colspan="2">政治面貌</td>
<td colspan="2"></td>
</tr>
<tr height="5%">
<td colspan="2">籍贯</td>
<td colspan="3"></td>
<td colspan="2">出生日期</td>
<td colspan="2"></td>
</tr>
<tr height="5%">
<td colspan="2">户口所在地</td>
<td colspan="3"></td>
<td width="8%">婚否</td>
<td></td>
<td width="8%">民族</td>
<td></td>
</tr>
<tr height="5%">
<td colspan="2">身份证号码</td>
<td colspan="3"></td>
<td colspan="2">现住址</td>
<td colspan="3"></td>
</tr>
<tr height="5%">
<td colspan="2">毕业院校</td>
<td colspan="3"><a target="_blank" href="http://iwo.im/?q=%E6%88%91%E4%BB%80%E4%B9%88%E5%AD%A6%E6%A0%A1">野鸡大学</a></td>
<td colspan="2">毕业时间</td>
<td colspan="3"></td>
</tr>
<tr height="5%">
<td colspan="2">学习专业</td>
<td colspan="3"></td>
<td colspan="2">爱好特长</td>
<td colspan="3"></td>
</tr>
<tr >
<td colspan="2" height="60">个人简介</td>
<td colspan="8"></td>
</tr>
<tr height="5%">
<td colspan="2">就学时间</td>
<td colspan="3">学校</td>
<td>学年</td>
<td>学历</td>
<td colspan="2">专业</td>
<td>担任职务</td>
</tr>
<tr height="5%">
<td colspan="2"></td>
<td colspan="3"></td>
<td></td>
<td></td>
<td colspan="2"></td>
<td></td>
</tr>
<tr height="5%">
<td colspan="2"></td>
<td colspan="3"></td>
<td></td>
<td></td>
<td colspan="2"></td>
<td></td>
</tr>
<tr height="5%">
<td colspan="2">英语应用水平</td>
<td colspan="5"></td>
<td colspan="2">职业期望</td>
<td></td>
</tr>
<tr height="5%">
<td colspan="2">计算机应用水平</td>
<td colspan="5"></td>
<td colspan="2">住宿要求</td>
<td></td>
</tr>
<tr height="5%">
<td rowspan="4" width="4%">工<br>作<br>经<br>历</td>
<td>时间</td>
<td colspan="8" align="center">工作地点      职务</td>
</tr>
<tr height="5%">
<td></td>
<td colspan="8"></td>
</tr>
<tr height="5%">
<td></td>
<td colspan="8"></td>
</tr>
<tr height="5%">
<td></td>
<td colspan="8"></td>
</tr>
<tr height="5%">
<td colspan="2"> 待遇要求</td>
<td colspan="8"></td>
</tr>
<tr height="5%">
<td colspan="2" rowspan="2">联系方式</td>
<td colspan="3">移动电话</td>
<td >电话</td>
<td colspan="4"></td>
</tr>
<tr height="5%">
<td colspan="3">邮编</td>
<td>地址</td>
<td colspan="4"></td>
</tr>
</table></div>
</body>
</html>
网友评论