制作一个在线简历是一个很好的方式来展示你的工作经历、技能和教育背景。以下是一个简单的HTML模板,你可以基于它创建你自己的在线简历:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的在线简历</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: white;
text-align: center;
padding: 20px;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: white;
}
h1 {
margin-top: 0;
}
h2 {
margin-bottom: 10px;
}
ul {
list-style: none;
padding: 0;
}
li {
margin-bottom: 5px;
}
</style>
</head>
<body>
<header>
<h1>你的名字</h1>
<p>在线简历</p>
</header>
<div class="container">
<h2>个人信息</h2>
<ul>
<li><strong>姓名:</strong> 你的名字</li>
<li><strong>联系方式:</strong> 你的联系方式</li>
<li><strong>Email:</strong> 你的邮箱</li>
</ul>
<h2>工作经历</h2>
<ul>
<li>
<strong>公司1</strong><br>
<em>职位1</em><br>
<span>日期1 - 日期2</span><br>
<p>工作描述1</p>
</li>
<li>
<strong>公司2</strong><br>
<em>职位2</em><br>
<span>日期2 - 日期3</span><br>
<p>工作描述2</p>
</li>
</ul>
<h2>教育背景</h2>
<ul>
<li>
<strong>学校1</strong><br>
<em>学位1</em><br>
<span>日期4 - 日期5</span>
</li>
<li>
<strong>学校2</strong><br>
<em>学位2</em><br>
<span>日期5 - 日期6</span>
</li>
</ul>
<h2>技能</h2>
<ul>
<li>技能1</li>
<li>技能2</li>
<li>技能3</li>
</ul>
</div>
</body>
</html>
要创建你自己的在线简历,你需要按照以下步骤进行:
- 复制上面的HTML代码到一个文本编辑器中。
- 根据你的需要修改标题、个人信息、工作经历、教育背景和技能。你可以添加、删除或编辑相应的部分。
- 保存文件并命名为
index.html
。 - 使用浏览器打开这个HTML文件,查看你的在线简历。
- 如果你想要进一步改进你的在线简历,你可以添加更多的样式、交互性或其他信息,比如项目经历、证书、兴趣爱好等。