合并单元格同样也是在表格中进行,关于合并单元格我们需要了解的两个概念:colspan 合并列,rowspan 合并行。
colspan(跨列)
合并列:colspan属性常用在 td 中,用来指定单元格横向跨越的列数。
比如:将下面表格的第一行多个单元格合并为一个统一的单元格命名为“前端开发”
前端开发
我们得到的截图如下:
rowspan(跨行)
合并行:rowspan属性也是常用在 td 中,用来指定单元格纵向跨越的行数。
同样跟上面类似的表格4*4,下面是相关操作代码和截图,注释的代码是对应跨越的行数:
1 2 3 45 6 7 10 11 13 14 15 16
我们可以将上面的简而言之就是:横跨列,纵跨行。上面的是分别单独跨行或跨列(在不同的表格中),同时我们还可以在一个表格中进行跨行和跨列:
1 2 5 6 7 810 11 1214 15 16
动手小练习
- 编写一个4*4的表格
- 在第一小题的基础上,进行跨行跨列的变化