HTML5制作个人简历模板

利用表格标签制作一个个人简历的模板，代码片段如下：

<body><table bgcolor="black" cellspacing="1" width="700px" heihgt="900px" align="center"><caption>个人简历</caption><tr bgcolor="white" height="45"><th>姓名</th><td colspan="2"></td><th>性别</th><td></td><th>出生年月</th><td colspan="2"></td><td colspan="2" rowspan="3"></td></tr><tr bgcolor="white" height="45"><th>籍贯</th><td colspan="2"></td><th>民族</th><td></td><th>计算机水平</th><td colspan="2"></td></tr><tr bgcolor="white" height="45"><th>政治面貌</th><td colspan="2"></td><th>身高</th><td></td><th>月薪要求</th><td colspan="2"></td></tr><tr bgcolor="white" height="45"><th>所学专业</th><td colspan="2"></td><th>学历</th><td></td><th>求职类型</th><td colspan="4"></td></tr><tr bgcolor="white" height="45"><th>家庭住址</th><td colspan="3"></td><th colspan="2">兴趣特长</th><td  colspan="4"></td></tr><tr bgcolor="white" height="45"><th rowspan="2">现居地址</th><td colspan="3" rowspan="2"></td><th colspan="2">联系电话</th><td  colspan="4"></td></tr><tr bgcolor="white" height="45"><th colspan="2">QQ号</th><td colspan="4"></td></tr><tr bgcolor="white" height="45"><th rowspan="7">教育背景</th><td colspan="9" rowspan="2"></td></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"><td colspan="9" rowspan="3"></td></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"><td colspan="9" rowspan="2"></td></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"><th rowspan="5">个人能力及专长</th><td rowspan="5" colspan="9"></td></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"><th rowspan="4">工作经验</th><td rowspan="4" colspan="9"></td></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"></tr><tr bgcolor="white" height="45"></tr></table>
</body>

在浏览器中显示效果如图：

总结：表格标签作用是用来给一堆数据添加表格语义，使数据表现形式更加直观和清晰。其中表格标签中的table代表整个表格, 也就是一对table标签就是一个表格，一对tr标签就是表格中的一行，一对td标签就是一行中的一个单元格。除td外，有时也会用到th标签，th标签内部的文本通常会呈现为居中的粗体文本，而td元素内的文本通常是左对齐的普通文本。caption标签的作用为指定表格的标题。

align设置水平对齐，valign设置垂直对齐。水平对齐可以给table标签和tr标签和td标签使用，垂直对齐只能给tr标签和td标签使用。需要注意的是，当td和 tr中都设置了valign属性, 那么单元格中的内容会按照td中设置的来对齐。设置表格边框时，通过指定外边距为0来实现细线表格是不靠谱的要想制作一个细线表格可以给table标签设置bgcolor="black"，cellspacing = "1px" ，给tr标签设置bgcolor ="white"。cellspacing外边距属性，用来设置单元格与单元格之间的距离；cellpadding内边距，用来设置单元格的边框与单元格中文字之间的距离。

关于单元格合并的问题，水平上的单元格合并，给td标签添加一个colspan属性，eg:

<td colspan="2"></td>

表示当前单元格由两个单元格合并而成(水平方向)。垂直上的单元格合并，给td标签添加一个rowspan属性，eg:

<td rowspan="2"></td>

HTML5制作个人简历模板相关推荐

HTML5个人求职简历模板下载
简介: HTML5个人求职简历模板下载是一款前端工程师简历网站模板下载.aspku提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢. 下载地址: http://www.bytepan.com/ ...
制作个人简历模板网页效果 | 码云端的开源项目
达叔制作个人简历模板网页效果文 / 达叔原创制作个人简历模板网页效果 PC 端示意图移动端示意图首先要注册并登陆码云的网站:https://gitee.com/ 示意图然后学会用 G ...
【简历】这是一款我个人制作的简历模板
这是一款我个人做的简历模板大家可以参考一下,大概长这样: 觉得不错的同学可以拿去做简历,有模板修改建议的师傅可以直接在评论指出!谢谢!!! 自我评价如下: 工作上有上进心,喜欢钻研新框架与新技术,热 ...
在线制作latex简历模板
今天的感悟就是google搜索真的比baidu强太多了,,,, 参考 https://github.com/billryan/resume/tree/zh_CN 使用OverLeaf在线编译,点击右边 ...
求职表格简历模板-Word简历可编辑下载
求职表格简历模板(word格式),制作一份精美简历能让你与众不同,帮助求职者在求职面试过程中脱颖而出,给HR留下好的第一印象高分,提升求职成功率,争取高薪机会. 简历模板:word格式(可任意便捷) ...
HR推荐的求职简历表-Word简历模板下载
HR推荐的求职简历表-Word简历可编辑下载HR推荐的求职简历表(word格式),制作一份精美简历能让你与众不同,帮助求职者在求职面试过程中脱颖而出,给HR留下好的第一印象高分,提升求职成功率,争取高 ...
简洁表格简历模板-Word简历可编辑下载
简洁表格简历模板(word格式),制作一份精美简历能让你与众不同,帮助求职者在求职面试过程中脱颖而出,给HR留下好的第一印象高分,提升求职成功率,争取高薪机会. 简历模板:word格式(可任意便捷) ...
怎么用小程序做简历？简历模板如何在线下载？
怎么从手机上做一份个人简历呢?现在找工作的时候,都需要准备好自己的个人简历,虽然一般公司都会有自己的简历表格,但是自己制作的简历模板能够更好的展示自己,而且也可以节省面试官的时间,那么如何不通过电脑, ...
平面创意设计师简历模板-Word简历可编辑下载
平面创意设计师简历模板(word格式),制作一份精美简历能让你与众不同,帮助求职者在求职面试过程中脱颖而出,给HR留下好的第一印象高分,提升求职成功率,争取高薪机会. 简历模板:word格式(可任意便 ...
办公创意简历模板-Word简历可编辑下载
办公创意简历模板(word格式),制作一份精美简历能让你与众不同,帮助求职者在求职面试过程中脱颖而出,给HR留下好的第一印象高分,提升求职成功率,争取高薪机会. 简历模板:word格式(可任意便捷) ...

HTML5制作个人简历模板

HTML5制作个人简历模板相关推荐

最新文章

热门文章