靜態簡歷 - tw511教學網

原始碼：
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Resume</title>
 6     <link rel="stylesheet" href="css/Resume.css">
 7     
 8 </head>
 9 <body>
10     <div id="index"><h1>個人簡歷</h1></div>
11     <div id="person">
12         <h3 class="heading">個人資訊</h3>
13         <table >
14             <tr>
15                 <td><h5>姓&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp名：</h5></td>
16                 <td><h5 class="cla1" align="center">*廣財</h5></td>
17                 <td><h5>&nbsp&nbsp&nbsp&nbsp性&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp別：</h5></td>
18                 <td><h5 class="cla1" align="center">男</h5></td>
19             </tr>
20             <tr>
21                 <td><h5>學&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp校：</h5></td>
22                 <td><h5 class="cla1" align="center">**電子科技大學大學</h5></td>
23                 <td><h5>&nbsp&nbsp&nbsp&nbsp專&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp業：</h5> </td>
24                 <td><h5 class="cla1" align="center">通訊工程(大三)</h5></td>
25             </tr>
26             <tr>
27                 <td><h5>聯繫電話：</h5></td>
28                 <td><h5 class="cla1" align="center">133********</h5></td>
29                 <td><h5>&nbsp&nbsp&nbsp&nbsp電子郵箱：</h5></td>
30                 <td><h5 class="cla1" align="center">143*******@qq.com</h5></td>
31             </tr>
32         </table>
33 
34     </div>
35     <div>
36         <h3 class="heading">教育背景</h3>
37         <table>
38             <tr>
39                 <td><h5 class="cla1">**電子科技大學</h5></td>
40                 <td><h5 class="cla1">通訊工程</h5></td>
41                 <td><h5 align="center" class="cla1">大三</h5></td>
42             </tr>
43             <tr>
44                 <td  rowspan="2" colspan="3"><span style="font-weight:bold;font-size: 17px;">主修課程:<span style="font-weight: normal;">C語言程式設計、C++程式設計、數據結構、計算機網路、計算機原理、微控制器、電路分析、類比電路、數位電路、通訊電路、通訊原理、信號與系統、數位信號處理等課程。</span></span></td>
45                 
46             </tr>
47         </table>
48     </div>
49     <div>
50         <h3 class="heading">榮譽證書</h3>
51         <ul style="margin-left: 0px;">
52             <li>計算機二級C</li>
53             <li>CET4</li>
54             <li>大學生物理競賽 省三等獎</li>
55             <li>全國紙飛機大賽 「優秀志願者」</li>
56         </ul>
57     </div>
58     <div>
59         <h3 class="heading">校內實踐</h3>
60         <table> 
61         <tr>
62             <td>
63                 <h5 class="cla1">2016.11</h5>
64             </td>
65             <td><h5 class="cla1">**電子科技大學</h5></td>
66             <td><h5 class="cla1">學院創新杯</h5></td>
67         </tr>
68         <tr>
69                 <td rowspan="2" colspan="3"><span style="font-weight:bold;font-size: 17px;">專案任務:<span style="font-weight: normal;">作爲負責人，經過協調組內的各位同學，使每個人各司其職，成功申請院創名額。（比賽爲期一年）</span></span></td>
70                 
71             </tr>
72         </table>
73     </div>
74     <div>
75         <h3 class="heading">自學專案</h3>
76         <ul style="margin-left: 0px;">
77             <li>熟練掌握html/css/js</li>
78             <li>瞭解數據庫Mysql基本操作</li>
79             <li>熟練掌握java語言</li>
80         </ul>
81     </div>  
82     <div>
83     <h3 class="heading">自我評價</h3>
84          <p id="end">熱愛前端開發，自學html/css，並在部落格園擁有自己的<a href="http://www.cnblogs.com/ordin-jgc/" target="_blank">部落格</a>，主要記錄自己前端的學習。另外，把自己寫的程式碼都託管在<a href="https://github.com/ordin-j"target="_blank">github</a>上。有自主學習能力，曾在暑假自學51微控制器，並對其進行模組化編寫。除此之外，對ps,mysql,java軟體或語言都有初步瞭解。爲人積極樂觀，有責任心，有專研精神，樂於接受新知識，與同學團結合作。</p> 
85     </div>
86 </body>
87 </html>
效果圖：