今天跟大家分享一下,如何制作简历页面
从图片可以观察到,头部"个人简历"使用那几个常用的文本标签或者 ,即可;简历里有很多的栏,这就需要用到table标签来完成
使用table标签,需要明确要多少行多少列,tr表示行,th表示列,我的解题思路一般就是以最小的框来数,大致确定行列数.这里有15行7列
使用快捷键快速生成:
table>tr*15>th*7
从上面图片看到,红色框出来的是需要进行合并的,在table标签中,html提供了两个属性:
rowspan = "n" ,合并n行
colspan = "n" ,合并n列
使用方式:写在标签内,写在需要合并的第一行或者第一列,之后把下面对应的行或者列删除.
下面完整代码附上:
个 人 简 历
//让简历边框为1,且合并边框
| 姓 名 | 性 别 | 出生年月 | //合并头像 | |||
|---|---|---|---|---|---|---|
| 籍 贯 | 民 族 | 计算机水平 | //被合并了,删除第七列 | |||
| 政治面貌 | 身 高 | 月薪要求 | //被合并了,删除第七列 | |||
| 所学专业 | 学 历 | 求职类型 | ||||
| 家庭住址 | 兴趣特长 | |||||
| 现住址 | 联系电话 | |||||
| QQ号 | ||||||
| 教育背景 | ||||||
| 个人能力及专长 | ||||||
| 工作经验 | ||||||