这篇博客展示了如何使用HTML来创建一个简洁且专业的个人简历。通过定义样式和布局，简历包括了基本信息、教育背景、技能特长、工作经历等关键部分，整体设计清晰易读，适合初学者参考。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.jianli{
width: 800px;
height: 1000px;
background: red;
margin-left: 200px;
background: url(img/简历背景图.jpg);
text-align: center;
}
.jianli table{
margin:auto
}
.jianli table tr{
height: 25px;
}
</style>
<title>简历2</title>
</head>
<body>
<div class="jianli">
<table border="1px" width="600px" height="800px" cellspacing="0">
<caption style="margin-bottom:80px ;"><h1>个人简历</h1></caption>
<caption style="text-align: left;"><span >应聘职位</span>
<span>填表时间 年 月 日</span></caption>
<tr><td rowspan="2" width="60px" colspan="2">姓名</td><td rowspan="2" width="100px" colspan="2" ></td><td width="50px">性别</td><td width="50px"></td><td colspan="3">文化</td><td colspan="2"></td><td rowspan="4" width="100px"></td></tr>
<tr><td>身高</td><td></td><td colspan="3">政治面貌</td><td colspan="2"></td></tr>
<tr><td colspan="2">籍贯</td><td colspan="4"></td><td colspan="3">出生年月</td><td colspan="2"></td></tr>
<tr><td colspan="3" width="150px">户口所在地</td><td colspan="3"></td><td width="60px">婚否</td><td colspan="2" width="60px"></td><td width="50px">民族</td><td width="50px"></td></tr>
<tr><td colspan="3">身份证号码</td><td colspan="3"></td><td colspan="3">现居住地址</td><td colspan="3"></td></tr>
<tr><td colspan="3">毕业院校</td><td colspan="3"></td><td colspan="4">毕业时间</td><td colspan="2"></td></tr>
<tr><td colspan="3">学习专业</td><td colspan="3"></td><td colspan="4">爱好特长</td><td colspan="2"></td></tr>
<tr><td colspan="3">个人简介</td><td colspan="9" ></td></tr>
<tr><td colspan="3">就学时间</td><td colspan="3">学校</td><td>学年</td><td colspan="2">学历</td><td colspan="2">专业</td><td>担任职务</td></tr>
<tr><td colspan="3"></td><td colspan="3"></td><td></td><td colspan="2"></td><td colspan="2"></td><td></td></tr>
<tr><td colspan="3"></td><td colspan="3"></td><td></td><td colspan="2"></td><td colspan="2"></td ><td></td></tr>
<tr><td colspan="3">英语应用水平</td><td colspan="6"></td><td colspan="2">职业期望</td><td></td></tr>
<tr><td colspan="3">计算机应用水平</td><td colspan="6"></td><td colspan="2">住宿要求</td><td></td></tr>
<tr><td rowspan="4" width="10px">工作经历</td><td colspan="2">时间</td><td colspan="6">工作地点</td><td colspan="3">职务</td></tr>
<tr><td colspan="2"></td><td colspan="9"></td></tr>
<tr><td colspan="2"></td><td colspan="9"></td></tr>
<tr><td colspan="2"></td><td colspan="9"></td></tr>
<tr><td colspan="3">待遇要求</td><td colspan="9"></td></tr>
<tr><td colspan="3" rowspan="2">联系方式</td><td height="25px">移动电话</td><td colspan="2"></td><td colspan="3">固定电话</td><td colspan="3"></td></tr>
<tr><td height="30px">邮编</td><td colspan="2"></td><td colspan="3">地址</td><td colspan="3"></td></tr>
</table>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.jianli{
width: 800px;
height: 1000px;
background: red;
margin-left: 200px;
background: url(img/简历背景图.jpg);
text-align: center;
}
.jianli table{
margin:auto
}
.jianli table tr{
height: 25px;
}
</style>
<title>简历2</title>
</head>
<body>
<div class="jianli">
<table border="1px" width="600px" height="800px" cellspacing="0">
<caption style="margin-bottom:80px ;"><h1>个人简历</h1></caption>
<caption style="text-align: left;"><span >应聘职位</span>
<span>填表时间 年 月 日</span></caption>
<tr><td rowspan="2" width="60px" colspan="2">姓名</td><td rowspan="2" width="100px" colspan="2" ></td><td width="50px">性别</td><td width="50px"></td><td colspan="3">文化</td><td colspan="2"></td><td rowspan="4" width="100px"></td></tr>
<tr><td>身高</td><td></td><td colspan="3">政治面貌</td><td colspan="2"></td></tr>
<tr><td colspan="2">籍贯</td><td colspan="4"></td><td colspan="3">出生年月</td><td colspan="2"></td></tr>
<tr><td colspan="3" width="150px">户口所在地</td><td colspan="3"></td><td width="60px">婚否</td><td colspan="2" width="60px"></td><td width="50px">民族</td><td width="50px"></td></tr>
<tr><td colspan="3">身份证号码</td><td colspan="3"></td><td colspan="3">现居住地址</td><td colspan="3"></td></tr>
<tr><td colspan="3">毕业院校</td><td colspan="3"></td><td colspan="4">毕业时间</td><td colspan="2"></td></tr>
<tr><td colspan="3">学习专业</td><td colspan="3"></td><td colspan="4">爱好特长</td><td colspan="2"></td></tr>
<tr><td colspan="3">个人简介</td><td colspan="9" ></td></tr>
<tr><td colspan="3">就学时间</td><td colspan="3">学校</td><td>学年</td><td colspan="2">学历</td><td colspan="2">专业</td><td>担任职务</td></tr>
<tr><td colspan="3"></td><td colspan="3"></td><td></td><td colspan="2"></td><td colspan="2"></td><td></td></tr>
<tr><td colspan="3"></td><td colspan="3"></td><td></td><td colspan="2"></td><td colspan="2"></td ><td></td></tr>
<tr><td colspan="3">英语应用水平</td><td colspan="6"></td><td colspan="2">职业期望</td><td></td></tr>
<tr><td colspan="3">计算机应用水平</td><td colspan="6"></td><td colspan="2">住宿要求</td><td></td></tr>
<tr><td rowspan="4" width="10px">工作经历</td><td colspan="2">时间</td><td colspan="6">工作地点</td><td colspan="3">职务</td></tr>
<tr><td colspan="2"></td><td colspan="9"></td></tr>
<tr><td colspan="2"></td><td colspan="9"></td></tr>
<tr><td colspan="2"></td><td colspan="9"></td></tr>
<tr><td colspan="3">待遇要求</td><td colspan="9"></td></tr>
<tr><td colspan="3" rowspan="2">联系方式</td><td height="25px">移动电话</td><td colspan="2"></td><td colspan="3">固定电话</td><td colspan="3"></td></tr>
<tr><td height="30px">邮编</td><td colspan="2"></td><td colspan="3">地址</td><td colspan="3"></td></tr>
</table>
</div>
</body>
</html>
扫一扫
353
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
