软件工程第一次作业——制作个人简历
源码链接：https://gitee.com/tangjiahao/2017_software_engineering.git
界面：
代码如下：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>个人简历</title> 5 <meta charset="utf-8"> 6 <style> 7 * { 8 margin: 0; 9 padding: 0; 10 } 11 body{ 12 background: #e5e6d0; 13 } 14 .main{ 15 width: 900px; 16 height: 1100px; 17 background: #F5F5F5; 18 margin:0 auto; 19 } 20 .main_head{ 21 height:80px; 22 background: #5D5D69; 23 } 24 .main_left{ 25 width:300px; 26 float: left; 27 position:relative; 28 } 29 .main_right{ 30 width:600px; 31 float: left; 32 position:relative; 33 } 34 35 .main_left_pic{ 36 width: 250px; 37 height: 800px; 38 background: #A6BFDD; 39 margin:0 auto; 40 } 41 42 .bigsize{ 43 font-size:17px; 44 font-weight:bold; 45 } 46 .smallsize{ 47 font-size:20px; 48 } 49 50 51 h1{ 52 font-family: "Algerian"; 53 font-size: 37px; 54 color: #00A0E9; 55 padding-top: 20px; 56 padding-bottom: 10px; 57 } 58 h2{ 59 font-family: "楷体"; 60 font-size: 23px; 61 color: #00A0E9; 62 padding-top: 10px; 63 } 64 h3{ 65 font-family: "隶书"; 66 font-size:70px; 67 padding-top: 4px; 68 color: #00A0E9; 69 } 70 h4{ 71 font-family: "楷体"; 72 font-size: 25px; 73 color: #00A0E9; 74 padding-top: 20px; 75 } 76 77 img{ 78 background-size:cover; 79 border-radius:50%; 80 -webkit-border-radius:50%; 81 -moz-border-radius:50%; 82 padding-top: 20px; 83 padding-bottom: 20px; 84 padding-left: 5px; 85 } 86 87 </style> 88 89 90 </head> 91 <body> 92 93 <div class="main"> 94 <div class="main_head"> 95 <center><h3>PERSONAL RUSUME</h3></center> 96 </div> 97 <br></br> 98 99 <div class="main_left"> 100 <br></br> 101 <div class="main_left_pic"> 102 <img src="img/peng.jpg" width="240" height="240" alt="图片" align="left"> 103 104 <h1>姓名：唐嘉豪</h1> 105 <h2>求职意向：产品经理</h2> 106 <h2>期望薪资：XXXX</h2> 107 <h2>期望地区：山东</h2> 108 <h2>出生日期：0000.10</h2> 109 <h2>联系电话：133XXXXXX</h2> 110 <h2>联系邮箱：5968392XX</h2> 111 <h2>联系地址：青海大学</h2> 112 </div> 113 </div> 114 115 <div class="main_right"> 116 <table width=90%> 117 <h4>教育背景</h4> 118 <hr width=90% align="center" size="2" color=#00A0E9> 119 <tr> 120 <td width=100% height="40"> 121 <font class="bigsize">毕业院校：</font> 122 <font class="samllsize">青海大学计算机技术与应用系  本科  计算机科学与技术</font> 123 </td> 124 </tr> 125 <tr> 126 <td width=100% height="40"> 127 <font class="bigsize">主修课程：</font> 128 <font class="samllsize">C语言，C++、java、数据库、离散数学、数据结构与算法、计算机网络、密码学、软件工程、算法、计算机系统平台等等。</font> 129 </td> 130 </tr> 131 <tr> 132 <td width=100% height="30">-</td> 133 </table> 134 <table width=90%> 135 <h4>相关证书</h4> 136 <hr width=90% align="center" size="2" color=#00A0E9> 137 <tr> 138 <td width=100% height="30"> 139 <font class="samllsize">假装 有很多证书1</font> 140 </td> 141 </tr> 142 <tr> 143 <td width=100% height="30"> 144 <font class="samllsize">假装 有很多证书2</font> 145 </td> 146 </tr> 147 <tr> 148 <td width=100% height="30"> 149 <font class="samllsize">假装 有很多证书3</font> 150 </td> 151 </tr> 152 <tr> 153 <td width=100% height="30"> 154 <font class="samllsize">假装 有很多证书4</font> 155 </td> 156 </tr> 157 158 </table> 159 160 <table width=90%> 161 <h4>人生经历</h4> 162 <hr width=90% align="center" size="2" color=#00A0E9> 163 <tr> 164 <td width=100%> 165 <font class="samllsize">    出生在武术世家，曾担任世界摔跤娱乐WWE演员、终极格斗UFC运动员;以前做过米其林三星厨师，是一个优秀的跳水、射箭、田径、体操等全能运动员，还做过地理、数学、英语、语文、美术等老师，还当过特种兵、海军、消防员、医生。也曾经是一名考古学家、探险家、地质勘测者，也是一名出色舞者，歌手，画家，声优。等等诸如此类吧，反正以前经历十分丰富，现在就是一个弟弟。</font> 166 </td> 167 </tr> 168 <tr> 169 <td width=100% height="30">-</td> 170 </table> 171 <table width=90%> 172 <h4>自我评价</h4> 173 <hr width=90% align="center" size="2" color=#00A0E9> 174 <tr> 175 <td width=100% > 176 <font class="samllsize">    具有较强领导能力、业务工作能力。组织与协调能力、沟通能力、计划执行能力具有良好的团队精神,为人诚实可靠，品行端正、具有亲和力、独立完成工作能良好沟通技巧并高度的敬业精神和团队精神,有良好组织判断和公关能力，能承受工作压力,处事认真谨慎,能为完成工作适量加班。有很好的团队精神!</font> 177 </td> 178 </tr> 179 <tr> 180 <td width=100% height="30">-</td> 181 </table> 182 </div> 183 184 </div> 185 186 <center> 187 <h1>播放音乐</h1> 188 <embed src="1.mp3" width="300" height="110"> 189 <br> 190 <embed src='http://player.youku.com/player.php/sid/XMTM3MzkxNjY2MA==/v.swf' allowfullscreen='true' quality='high' width='480' height='400' align='middle' allowscriptaccess='always' type='application/x-shockwave-flash'></embed> 191 </center> 192 </body> 193 </html>
播放音乐及视频 ：
音乐为《说书人》，视频为我的家乡航拍。
tips：添加视频可以参考一下步骤
1.打开优酷
2.搜索视频
3.打开视频
4.选择分享
5.可直接复制到HTML文件中
没有把格式写在CSS文件里，共一个HTML文件。
灵感来源是网上的一个doc格式的简历（点这）
