HTML制作课表和个人简历(属性rowspan:合并列 属性colspan:合并行)

HTML制作课表和个人简历(属性rowspan:合并列 属性colspan:合并行)HTML制作课表和个人简历(属性rowspan:合并列 属性colspan:合并行)制作个人简历和课表,主要用到的是表格

标签,
标签下又有、(不能省缺)、这些无意义标签;用来写表头,用来写表体,用来写表底。
1、首先先搭好框架(这里以课表为例,因为两个表用到的属性大同小异,所以,就先以课表为例),课表有八行九列,因为表头的星期要占一行,所以我们把第一行写在里,并且给表格设置边框,宽度,代码如下,
`

课表 `!
课表
星期一 星期二 星期三 星期四 星期五 星期六 星期日

2、那里就还剩七行九列了,先把整体框架搭好吧代码如下:

课表
课表
星期一 星期二 星期三 星期四 星期五 星期六 星期日
上午 9:00~10:30
11:00~11:30
中午 11:30~14:00
下午 14:00~16:30
17:00~17:30
休息
晚上 18:30~20:30
3、写完整体框架,我们可以看到课表结构很乱,这时候就需要一些属性来调整表 结构啦,colspan用来设置合并行,合并行时要注意合并了几列,多出的列要删除,rowspan用来设置合并列,合并行时要注意合并了几行,多出的行也要记得删除。这里我用css给设置了高和文字居中,下面是代码: 课表
课表
星期一 星期二 星期三 星期四 星期五 星期六 星期日
上午 9:00~10:30
11:00~11:30
中午 11:30~14:00
下午 14:00~16:30
17:00~17:30
休息
晚上 18:30~20:30
4、一个简单的课表就完成了,掌握属性rowspan:合并列 属性colspan:合并行,就可以轻松完成简单的一些表格搭建啦!