源码链接（码云）：https://gitee.com/tinqiao/level_17_software_engineering.git
截图效果：
源码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>王庭巧-个人简历</title>
</head>
<body bgcolor="#F1FAFA">
<table border="0“ cellspacing="0" width="100%" bgcolor="#000000">
<tr>
<td rowspan="6" bgcolor="#808080"><img src="https://p1.ssl.qhmsg.com/t011d4c391dac467c91.png"></td>
<td style="text-align: center;" width="25%";><strong><div style="color:orange">姓       名:</div></strong></td>
<td style="text-align: left;" width="60%"><div style="color:orange">王庭巧</div></td>
</tr>
<tr>
<td style="text-align: center;" width="25%"><strong><div style="color:orange">年       龄:</div></strong></td>
<td style="text-align: left;" width="60%"><div style="color:orange">21</div></td>
</tr>
<tr>
<td style="text-align: center;" width="25%"><strong><div style="color:orange">电       话:</div></strong></td>
<td style="text-align: left;" width="60%"><div style="color:orange">133xxxxxxxx</div></td>
</tr>
<tr>
<td style="text-align: center;" width="25%"><strong><div style="color:orange">住       址:</div></strong></td>
<td style="text-align: left;" width="60%"><div style="color:orange"><a href="https://ditu.so.com/?k=%E9%9D%92%E6%B5%B7%E5%A4%A7%E5%AD%A6&src=tab_www" rel="external nofollow" ><input type=button value="go"></a>青海省西宁市宁大路251号青海大学</div></td>
</tr>
<tr>
<td style="text-align: center;" width="25%"><strong><div style="color:orange">邮       箱:</div></strong></td>
<td style="text-align: left;" width="60%"><div style="color:orange">1414449511@qq.com</div></td>
</tr>
<tr>
<td style="text-align: center;" width="25%"><strong><div style="color:orange">工作经验:</div></strong></td>
<td style="text-align: left;" width="60%"><div style="color:orange">1年</div></td>
</tr>
</table>
<table border="0“ cellspacing="0" width="100%" bgcolor="#F0F8FF">
<tr><th style="text-align: left;" colspan="4"><strong>求职意向</strong></th></tr>
<tr>
<td style="text-align: left;" width="25%"><font color="orange">从事职业：</font>架构师</td>
<td style="text-align: left;" width="25%"><font color="orange">期望月薪：</font>8k-13k</td>
</tr>
<tr><th style="text-align: left;" colspan="4"><strong>教育背景</strong></th></tr>
<tr>
<td style="text-align: left;" width="25%"><font color="orange">学习名称：</font><a href="http://www.qhu.edu.cn/" rel="external nofollow" ><input type=button value="go"></a>青海大学</td>
<td style="text-align: left;" width="25%"><font color="orange">所学专业：</font>计算机科学与技术</td>
<td style="text-align: left;" width="25%"><font color="orange">就读时间：</font>2017.09-至今</td>
<td style="text-align: left;" width="25%"><font color="orange">学历学位：</font>本科</td>
</tr>
<tr><th style="text-align: left;" colspan="4"><strong>证书</strong></th></tr>
<tr>
<td style="text-align: left;" width="25%"><font color="orange">证书名称：</font>XXXX证书</td>
<td style="text-align: left;" width="25%"><font color="orange">获得时间：</font>20XX.XX</td>
</tr>
<tr>
<td style="text-align: left;" width="25%"><font color="orange">证书名称：</font>XXXX证书</td>
<td style="text-align: left;" width="25%"><font color="orange">获得时间：</font>20XX.XX</td>
</tr>
<tr>
<td style="text-align: left;" width="25%"><font color="orange">证书名称：</font>XXXX证书</td>
<td style="text-align: left;" width="25%"><font color="orange">获得时间：</font>20XX.XX</td>
</tr>
<tr><th style="text-align: left;" colspan="4"><strong>工作经历</strong></th></tr>
<tr>
<td style="text-align: left;" width="25%"><font color="orange">公司名称：</font>XX公司</td>
<td style="text-align: left;" width="25%"><font color="orange">在职时间：</font>20XX.XX-至今</td>
<td style="text-align: left;" width="25%"><font color="orange">职位名称：</font>前端工程师</td>
<td style="text-align: left;" width="25%"><font color="orange">税前月薪：</font>7k-10k</td>
</tr>
<tr>
<td style="text-align: left;" width="25%" colspan="4" rowspan="3"><font color="orange">工作描述：</font>南山经之首曰鹊山。其首曰招摇之山，临于西海之上。多桂多金玉。有草焉，其状如韭而青华，其名曰祝馀，食之不饥。有木焉，其状如榖而黑理，其华四照。其名曰迷榖，佩之不迷。有兽焉，其状如禺而白耳，伏行人走，其名曰狌狌，食之善走。丽麂之水出焉，而西流注于海，其中多育沛，佩之无瘕疾。<br />又东三百里曰堂庭之山。多棪木，多白猿，多水玉，多黄金。<br />又东三百八十里曰猨翼之山。其中多怪兽，水多怪鱼。多白玉，多蝮虫，多怪蛇，多怪木，不可以上。</td>
</tr>
<tr></tr>
<tr></tr>
<tr><th style="text-align: left;" colspan="4"><strong>项目经验</strong></th></tr>
<tr>
<td style="text-align: left;" width="25%"><font color="orange">项目名称：</font>XXXX</td>
<td style="text-align: left;" width="25%"><font color="orange">项目时间：</font>20XX.XX-至今</td>
<td style="text-align: left;" width="25%"><font color="orange">项目职位：</font>XXXX</td>
</tr>
<tr>
<td style="text-align: left;" width="25%" colspan="4" rowspan="3"><font color="orange">项目描述：</font>又东三百七十里曰杻阳之山。其阳多赤金。其阴多白金。有兽焉，其状如马而白首，其文如虎而赤尾，其音如谣，其名曰鹿蜀，佩之宜子孙。怪水出焉，而东流注于宪翼之水。其中多玄鱼，其状如龟而鸟首虺尾，其名曰旋龟，其音如判木，佩之不聋，可以为底。<br />又东三百里柢山。多水，无草木。有鱼焉，其状如牛，陵居，蛇尾有翼，其羽在魼下，其音如留牛，其名曰鯥，冬死而复生。食之无肿疾。<br />又东三百里曰亶爰之山。多水，无草木，不可以上。有兽焉，其状如狸而有髦，其名曰类，自为牝牡，食者不妒。<br />又东三百曰基山。其阳多玉，其阴多怪木。有兽焉，其状如羊，九尾四耳，其目在背，其名曰猼訑，佩之不畏。有鸟焉，其状如鸡而三首、六目、六足、三翼，其名曰鵸鵌，食之无卧。</td>
</tr>
<tr></tr>
<tr></tr>
<tr><th style="text-align: left;" colspan="4"><strong>自我评价</strong></th></tr>
<tr>
<td style="text-align: left;" width="25%" colspan="4" rowspan="3">又东三百里曰青丘之山。其阳多玉，其阴多青[青护-言]。有兽焉，其状如狐而九尾，其音如婴儿，能食人，食者不蛊。有鸟焉，其状如鸠，其音如呵，名曰灌灌，佩之不惑。英水出焉，南流注于即翼之泽。其中多赤鱬,其状如鱼而人面，其音如鸳鸯，食之不疥。<br />又东三百五十里曰箕尾之山，其尾踆于东海，多沙石。汉水出焉，而南流注于淯,其中多白玉。<br />凡鹊山之首，自招摇之山以至箕尾之山，凡十山，二千九百五十里，其神状皆鸟身而龙首。其祠之礼：毛，用一璋玉瘗；糈用稌米，一壁，稻米、白莹为席。</td>
</tr>
<tr></tr>
<tr></tr>
<tr><th style="text-align: left;" colspan="4"><strong>爱好音乐</strong></th></tr>
<tr>
<td style="text-align: left;" width="25%"><a href="https://music.163.com/song?id=115162" rel="external nofollow" ><input type=button value="go"></a>夜半小夜曲</td>
</tr>
<tr><th style="text-align: left;" colspan="4"><strong>爱好视频</strong></th></tr>
<tr height="600"><td colspan="4"><embed src="https://www.bilibili.com/video/av34613688?from=search&seid=1906977973300528799" width="100%" height="600" autostart="true"></embed></td></tr>
<tr></tr>
<tr><th style="text-align: left;" colspan="4"><strong>生活日常</strong></th></tr>
<tr>
<td><img src="https://img3.doubanio.com/view/group_topic/raw/public/p106742995.jpg" colspan="1"></td>
<td><img src="https://img3.doubanio.com/view/group_topic/raw/public/p106742980.jpg" colspan="1"></td>
<td><img src="https://img3.doubanio.com/view/group_topic/raw/public/p106742993.jpg" colspan="1"></td>
</tr>
</table>
<footer><center><a href="#" rel="external nofollow" >回到顶部</a></center></footer>
</body>
</html>
