源码链接（码云）：https://gitee.com/lulu-Noel/codes/yw0xir274hpvesobd1u9585#index.html
网页截图：
源文件：
代码展示：
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <title>个人简历</title> <style type="text/css"> body{ /*margin: 0;*/ background-color:rgb(228,226,223); } #header{ width:100%; height:100px; background-color:rgb(228,226,223); /*border:2px solid black;*/ } #center{ float:left; margin-left: 100px; width:90%; height:80%; border:2px solid black; } #left{ float:left; clear: both; margin-left:30px; width:60%; height:80%; background-color:rgb(228,226,223); /*border:2px solid black;*/ } #l1{ margin-top:10px; margin-left:100px; float:left; clear:both; background-color:rgb(250,250,250); width:80%; height:75%; /*border:2px solid black;*/ } #l2,#l3{ margin-top:50px; margin-left:100px; float:left; clear:both; background-color:rgb(250,250,250); width:80%; height:75%; /*border:2px solid black;*/ } #right{ float:right; margin-right:100px; width:30%; height:80%; background-color:rgb(228,226,223); /*border:2px solid black;*/ } #r1{ margin-top: 10px; margin-right:25px; float:right; clear:both; background-color: rgb(250,250,250); width:90%; /*border:2px solid black;*/ } #r2,#r3,#r4,#r5{ margin-top: 50px; margin-right:25px; float:right; clear:both; background-color: rgb(250,250,250); width:90%; /*border:2px solid black;*/ } #footer{ float:left; width:100%; height:100px; background-color:rgb(228,226,223); /*border:2px solid black;*/ } /* #content{ margin: 0,auto; } */ span{ text-align:left; font-size:20px; font-family:"微软雅黑"; border-style:none; } p{ margin-left:30px; margin-right: 30px; margin-top:10px; } table{ margin-left: 30px; margin-top:20px; } .img{ position: relative; left: 20px; top: 2px; } h1{ background-color: rgb(250,250,250); width:86%; margin-left:7%; } </style> </head> <body <!-- 头部 --> <div id="header"> <div id="content"> <!-- <h1>header</h1> --> </div> </div> <embed src="http://www.kugou.com/song/sa9463.html?frombaidu?frombaidu#hash=C1A6D2250027935BDD419AD32AE05B7B&album_id=0" hidden="true" autostart="true" loop="true"></embed> <!-- 中间 --> <div id="center"> <h1 align="center">个人简历</h1> <!-- 左部分 --> <div id="left"> <!-- <h1>left</h1> --> <div id="l1"> <p> <span><b>自我评价:</b></span> <br><br> 篇幅不要太长控制在300字以内，做到突出自身符合目标岗位要求的卖点，避免过多使用形容词，而通过数据及实例对自身价值进行深化，如：土木研究生毕业至今X年，在X级建筑设计院从事结构工程设计工作。 参与过X个XX万平米以上的大型公建、民建和商业综合体项目，包括写字楼、商场、公共设施等，具备X个项目的结构专业负责人经验。有XX证书，经验具有代表性的工程有X个，分别为：XXXXX、XXXX等。篇幅不要太长控制在300字以内，做到突出自身符合目标岗位要求的卖点，避免过多使用形容词，而通过数据及实例对自身价值进行深化，如：土木研究生毕业至今X年，在X级建筑设计院从事结构工程设计工作。 参与过X个XX万平米以上的大型公建、民建和商业综合体项目，包括写字楼、商场、公共设施等，具备X个项目的结构专业负责人经验。有XX证书，经验具有代表性的工程有X个，分别为：XXXXX、XXXX等。篇幅不要太长控制在300字以内，做到突出自身符合目标岗位要求的卖点，避免过多使用形容词，而通过数据及实例对自身价值进行深化，如：土木研究生毕业至今X年，在X级建筑设计院从事结构工程设计工作。 </p> </div> <div id="l2"> <p> <span><b>工作经历:</b></span> </p> <table> <tr> <td><b>公司名称：</b>北京某建筑设计院</td> <td> </td> <td><b>职位名称：</b>结构工程师</td> </tr> <tr> <td></td> </tr> <tr> <td><b>在职时间：</b>2011.06-至今</td> <td> </td> <td><b>税前月薪：</b>15k-20k</td> </tr> </table> <br> <p> <b>工作描述</b>：工作经验的时间采取倒叙形式，最近经历写在前面；工作经验的描述与目标岗位的招聘要求尽量匹配，用词精准；工作成果尽量以数据来呈现，突出个人成果以及做出的贡献；描述尽量具体简洁。如： <br><br> 1.职责：在设计院主要从事XXX类型的建筑结构设计工作。参与审核各项目施工组织设计方案及重大技术方案。从工程前期资料整理、方案设计、结构布置及计算到出CAD施工蓝图等；擅长钢结构、门式钢架、钢桁架，混凝土框架结构、剪力墙结构、砌体结构、特种结构设计。熟悉地下走廊、混凝土髙壁浅仓和髙壁高仓等结构形式； <br><br> 2.业绩：共主导过XX个项目，其中XX个系XX级别。参与城市各业态建筑总体积约XX万立方米。擅长商业综合体、写字楼商场酒店和旅游小镇类建筑。比较有代表性的项目为XX和XX，期间在XX驻现场设计代表，主要负责图纸交底，并与甲方、监理、施工等联合协调解决现场突发技术问题。 </p> </div> <div id="l3"> <p> <span><b>项目经验:</b></span> </p> <table> <tr> <td><b>项目时间：</b>2011.09-2013.09</td> <td> </td> <td><b>项目职位：</b>结构工程师</td> </tr> <tr> <td></td> </tr> <tr> <td><b>项目名称：</b>某五星酒店商业楼</td> <td> </td> <td></td> </tr> </table> <br> <p> <b>项目描述</b>：内容清晰，结果导向；2. 与目标申请岗位相结合，升华内容；3. 可参考 STAR 法则来写：Situation：在什么样的背景下？ Task：面临什么样的目标任务？ Action：针对当时的情况，采用了什么方法？ Result：结果怎样，学习到了什么？如： <br><br> 1. 该项目为新建五星酒店商业用楼，X 级建筑工程。单体建筑 X 万平米，园区 X 平米，X 平米车库 <br><br> 2. 作为该项目及主楼结构专业负责人，负责整体结构方案确定，结构缝布置和 XXX 的结构方案设计； <br><br> 3. 本项目按时按质通过交付标准，并已顺利运营 X 年，日流量 XX 人。通过本项目大幅提高了本人对 X 级项目的管理能力与难点技术解决能力，并获得 XX 授予 XX 贡献奖。通过提出与落实 XX 技术方案解决了项目难题（后述为案例之一），完成安全快速交付的目的。案例：本项目因商业综合体平面形状不规则，扭转效应明显，平面尺寸为 XXmxXXm，为超长超宽结构，混凝土的收缩应力及温度应力不容忽视，除设置收缩后浇带以外，在 XX 层处的楼板均施加了预应力以及 XX 方案，楼板配置 XX 的钢筋，楼面梁增加 XX 钢筋及腰筋根数。 </p> </div> </div> <div> <!-- 右部分 --> <div id="right"> <div id="content"> <!-- <h1>right</h1> --> <div id="r1"> <img src="images/p.jpg" class="img"/> </div> <div id="r2"> <p> <span><b>个人信息</b></span> <br><br> 姓名：张三<br> 性别：女<br> 年龄：29<br> 电话：123xxxxxxxx<br> 邮箱：xxxxxx@163.com<br> 工作经验：7年<br> 现任城市：北京市朝阳区<br> </p> </div> <div id="r3"> <p> <span><b>求职意向</b></span> <br><br> 从事职业：建筑结构攻城狮<br> 期望月薪：20k-25k<br> </p> </div> <div id="r4"> <p> <span><b>教育背景</b></span> <br><br> 学校名称：青海大学<br> 就读时间：2007.07-2011.06<br> 所学专业：土木工程<br> 学历学位：本科<br> </p> </div> <div id="r5"> <p> <span><b>证书</b></span> <br><br> 证书名称：建筑工程技术中级职称<br> 获得时间：2010.8<br> </p> </div> </div> </div> </div> <div id="footer"> <div id="content"> <!-- <h1>footer</h1> --> </div> </div> </body>
原文：https://www.cnblogs.com/lulu-Noel/p/10534029.html