html表格之个人简历
html表格属性制作个人简历（简易版）
·
今日份作业：HTML表格制作个人简历。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人简历</title>
<style>
table{width:700px;
border-collapse: collapse;
}
caption{
font-size: 50px;
}
th{
background-color: rgb(236, 236, 236);
}
td{
height:40px;
width:150px;
}
.tp{
background-color: rgb(215, 238, 249);
}
.grjn,.jcqk,.shsj,.xqah,.lf{
height:100px;
}
.zwpj{
height: 120px;
}
</style>
</head>
<body>
<table border="2px" align="center">
<caption>个人简历</caption>
<tbody>
<tr>
<th>姓名</th>
<td></td>
<th>性别</th>
<td></td>
<td rowspan="5" class="tp" align="center">请插入图片</td>
</tr>
<tr>
<th>民族</th>
<td></td>
<th>籍贯</th>
<td></td>
</tr>
<tr>
<th>出生日期</th>
<td></td>
<th>婚姻状况</th>
<td></td>
</tr>
<tr>
<th>学历</th>
<td></td>
<th>体重身高</th>
<td></td>
</tr>
<tr>
<th>专业</th>
<td></td>
<th>健康状况</th>
<td></td>
</tr>
<tr>
<th>求职意向</th>
<td colspan="4"></td>
</tr>
<tr>
<th>邮箱</th>
<td></td>
<th>毕业院校</th>
<td colspan="2"></td>
</tr>
<tr>
<th>联系电话</th>
<td></td>
<th>邮编</th>
<td colspan="2"></td>
</tr>
<tr>
<th>语言能力</th>
<td colspan="4"></td>
</tr>
<tr>
<th>主修课程</th>
<td colspan="4"></td>
</tr>
<tr class="grjn">
<th>个人技能</th>
<td colspan="4"></td>
</tr>
<tr class="jcqk">
<th>奖惩情况</th>
<td colspan="4"></td>
</tr>
<tr class="shsj">
<th>社会实践</th>
<td colspan="4"></td>
</tr>
<tr class="xqah">
<th>兴趣爱好</th>
<td colspan="4"></td>
</tr>
<tr class="zwpj">
<th >自我评价</th>
<td colspan="4"></td>
</tr>
<tr class="lf">
<th>另附</th>
<td colspan="4"></td>
</tr>
</tbody>
</table>
</body>
</html>
代码成果展示如下：
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
16
0- 0
已为社区贡献1条内容
所有评论(0)