这篇“html5如何制作个人简历表格”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“html5如何制作个人简历表格”文章吧。
首先我们在进行个人简历表格的实现过程中需要认识一些相关的属性和用法,下面我们来介绍下使用中比较重要的属性,如下所示:
align:让内容居中,取值为left、right、center
border:设置表格的边框
cellspacing:单元格与单元格之间的距离
bgcolor:表格的背景色
colspan:跨列数
rowspan:跨行数
当然了下面我们来看看我们的代码和运行之后的结果截图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人简历</title>
</head>
<style>
td{
width: 80px;
}
</style>
<body>
<table border="1" width="650" height="680" align="center" cellspacing="0">
<caption>个人简历</caption>
<tr align="center">
<td bgcolor="#ededed">姓名</td>
<td></td>
<td bgcolor="#ededed">年龄</td>
<td></td>
<td bgcolor="#ededed">性别</td>
<td></td>
<td colspan="2" rowspan="3"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">民族</td>
<td></td>
<td bgcolor="#ededed">政治面貌</td>
<td></td>
<td bgcolor="#ededed">婚姻状况</td>
<td></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">毕业学校</td>
<td colspan="2"></td>
<td bgcolor="#ededed">所学专业</td>
<td colspan="2"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">专业能力</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">求职意向</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">获奖情况</td>
<td colspan="7"></td>
</tr>
<tr align="center">
<td bgcolor="#ededed">自我评价</td>
<td colspan="7"></td>
</tr>
</table>
</body>
通过代码我们就可以大概的知道怎么实现个人简历表格的相关方法。
以上就是关于“html5如何制作个人简历表格”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。