制作个人简历(个人简历制作)
个人简历制作
通过上节课表格的制作,这节课我们就根据上节课所学的对其进行一个练习,加深一下对表格的理解。
要想实现这个效果,我们不妨先来想一下思路。
我们要想实现个人简历表格效果,就要从下面这个表格来实现
这是个6行7列的表格,也就是说有6个tr,每个tr中有7个td
我们来实现它
在这里我们补充一些上面的知识,在table标签下
col可以设置每个单元格的宽度,7列所以我们写7个
然后再配合我们每一行的高度
这样我们就可以把这个表格的轮廓完成了
接下来我们把文字填入
分别对应的每一行的首列填入文字
效果如下
现在我们就开始这节课最重要的工作,合并单元格
所谓的单元格合并,就是把后面的单元格td删除,留下的单元格对其设置宽度,即为合并
这里的colspan代表占几个单元格
由于第一行只留一个单元格,所以这一个单元格它占了7格
这时的效果为
我们再来合并其他需要合并的部分
来看一下效果
最后还有照片单元格,这个是纵向合并,与上面有所不同
这一个就需要删除下面三行中每一行的最后一个单元格,并且让他占据三列的高度
注意:一定要删除每一行的最后一个单元格
看一下效果
最后我们分别给每行文字进行居中显示
最后效果就出来了
最后我们总结一下,这节课的行的合并、列的合并,以及设置宽度的col标签
列的合并我们是用了colspan,行的合并我们使用了rowspan