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:合并行,就可以轻松完成简单的一些表格搭建啦!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值