通过使用html标签和css建立个人简历表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人简历</title>
<style>
.p{color: #ff5900;}
.p1 {background-color: rgb(236, 236, 236);}
#p2{background-color: rgb(215, 238, 249);}
#p3{font-weight: bold;}
</style>
</head>
<body>
<table border="1" align="center" width="1050" height="700" bordercolor="black" >
<caption>
<h1>个人简历</h1>
</caption>
<tr>
<td align="center" width="150" class="p1"><strong>姓名</strong></td>
<td align="center" width="150">某某某</td>
<td align="center" width="150" class="p1">性别</td>
<td align="center" width="150"> <input id="man" type="radio" checked="checked" name="1" />男
<input id="woman" type="radio" name="1"/>女</td>
<td align="center" width="150" class="p1">出生年月</td>
<td align="center" width="150">2000年3月</td>
<td rowspan="3" align="center" id="p2">
<img align= "middle " height="100%" width="100%" src="背景图片2.jpg" alt="证件照">
</td>
</tr>
<tr>
<td align="center" width="150" class="p1">身份证号码</td>
<td align="center" width="150">640324**********515</td>
<td align="center" width="150" class="p1">民族</td>
<td align="center" width="150">回族</td>
<td align="center" width="150" class="p1">政治面貌</td>
<td align="center" width="150">预备党员</td>
</tr>
<tr>
<td align="center" width="150" class="p1">婚姻状况</td>
<td align="center" width="150"><select name = “”>
<option value = “”>未婚</option>
<option value = “”>已婚</option>
</select>
</td>
<td align="center" width="150" class="p1">健康状况</td>
<td align="center" width="150">健康</td>
<td align="center" width="150" class="p1">身高</td>
<td align="center" width="150">177CM</td>
</tr>
<tr>
<td align="center" width="150" class="p1">现户口所在地</td>
<td align="center" width="150">北京市</td>
<td align="center" width="150" class="p1">所学专业</td>
<td align="center" width="150" class="p">
<a href="">物联网工程</a><br /></td>
<td align="center" width="150" class="p1">学历</td>
<td align="center" width="150" colspan="2">本科</td>
</tr>
<tr>
<td align="center" width="150" class="p1">毕业院校</td>
<td align="center" width="150">北京交通大学</td>
<td align="center" width="150" class="p1">毕业时间</td>
<td align="center" width="150">2024年6月</td>
<td align="center" width="150" class="p1">技术职称</td>
<td align="center" width="150" colspan="2" ><a href="https://zhuanlan.zhihu.com/p/58534759">网络安全工程师</a>
</td>
</tr>
<tr>
<td align="center" width="150" class="p1">社会实践</td>
<td align="center" width="150">参加网络工程竞赛，ACM竞赛</td>
<td align="center" width="150" class="p1">语言能力</td>
<td align="center" width="150">英语六级</td>
<td align="center" width="150" class="p1">求职意向</td>
<td align="center" width="150" colspan="2">技术部门</td>
</tr>
<tr>
<td align="center" rowspan="6" class="p1">学习历程</td>
<td align="center" colspan="2" class="p1">起止年月</td>
<td align="center" colspan="2" class="p1">在何单位</td>
<td align="center" colspan="2" class="p1">任何职务</td>
</tr>
<tr>
<td align="center" colspan="2" style="height: 35px;">2017.9-2019.7</td>
<td align="center" colspan="2">衡水一中</td>
<td align="center" colspan="2">无</td>
</tr>
<tr>
<td align="center" colspan="2" style="height: 35px;">2019.8-2020.6</td>
<td align="center" colspan="2">衡水二中</td>
<td align="center" colspan="2">团支书</td>
</tr>
<tr>
<td align="center" colspan="2" style="height: 35px;">2020.9-2024.6</td>
<td align="center" colspan="2">北京交通大学</td>
<td align="center" colspan="2">学生会主席</td>
</tr>
<tr>
<td align="center" colspan="2" style="height: 35px;"></td>
<td align="center" colspan="2"></td>
<td align="center" colspan="2"></td>
</tr>
<tr>
<td align="center" colspan="2" style="height: 35px;"></td>
<td align="center" colspan="2"></td>
<td align="center" colspan="2"></td>
</tr>
<tr>
<td align="center" class="p1" id="p3">特长及所获荣誉</td>
<td align="left" colspan="6" width="150" height="150">
<p>所获荣誉：
<ul>
<li>荣获国家一等奖学金；</li>
<li> 荣获中国计算机设计大赛三等奖；</li>
<li> 荣获创新创业大赛金奖；</li>
</ul>
特长：
<ol type="1">
<li>熟练各类计算机软件，精通html+css+javascript；</li>
<li>熟悉使用办公软件；</li>
<li>精通C++编程语言；</li>
</ol> <br />
</p>
</td>
</tr>
<tr>
<td align="center" class="p1">通讯地址</td>
<td align="center" colspan="2">北京市朝阳区</td>
<td align="center" class="p1">邮政编码</td>
<td align="center" colspan="3">330013</td>
</tr>
<tr>
<td align="center" class="p1">联系电话</td>
<td align="center" colspan="2"><input type="text" name="number" value="" maxLength="11"/></td>
<td align="center" class="p1">Email地址</td>
<td align="center" colspan="3"><i>*********@qq.com</i></td>
</tr>
<tr>
<th colspan="7" align="right">
<input type="submit" value="点击保存">
</th>
</tr>
</table>
</body>
</html>效果图如下：
