作為一名求職者,擁有一份精美的個人簡歷是非常重要的。而HTML5的出現為我們提供了更加豐富的排版樣式和交互元素,讓我們的簡歷更加生動、實用。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>個人簡歷</title> <style> /*樣式表放在頭部*/ body { font-family: 'Microsoft YaHei', sans-serif; margin: 0; padding: 0; } .header { background-color: #333; color: #fff; padding: 20px; text-align: center; } .name { font-size: 30px; margin: 20px 0; } .contact { font-size: 18px; margin-bottom: 20px; } .section-title { font-size: 24px; font-weight: bold; margin: 20px 0 10px; } .section-content { margin-bottom: 20px; } </style> </head> <body> <div class="header"> <h1>個人簡歷</h1> </div> <div class="name">張三</div> <div class="contact">手機號:13888888888
郵箱:zhangsan@qq.com
</div> <div class="section"> <div class="section-title">教育背景</div> <div class="section-content"> <p>2010年-2014年,北京大學,計算機科學與技術,本科。</p> <p>2014年-2017年,清華大學,計算機科學與技術,研究生。</p> </div> </div> <div class="section"> <div class="section-title">工作經歷</div> <div class="section-content"> <p>2017年-2019年,阿里巴巴,Java開發工程師。</p> <p>2019年-至今,騰訊,高級Java開發工程師。</p> </div> </div> </body> </html>
以上是一個簡單的HTML5個人簡歷代碼示例,我們可以在樣式表中根據自己的需求修改字體、顏色、排版等樣式,讓我們的簡歷更加突出。