多语言展示
当前在线:571今日阅读:19今日分享:20

HTML标签中table如何跨行跨列

HTML中文译:超文本标记语言。其中标签table,曾经非常流行于网页的布局,而当今主要用于后台页面制作,或者编写数据堆积的表格。小编在这里要为大家分享table标签的使用及其如何跨行跨列。
工具/原料
1

HTML标签

2

table

3

属性rowspan

4

属性colspan

方法/步骤
1

首先,我们来看一下表格的结构,代码及效果如下图所示

2

其次,我们来看一下表格的语法,代码及效果如下图所示

3

再次,我们来看一下简单的一个表格代码书写,代码及效果如下图所示

4

然后,我们使用table的属性colspan进行跨列,代码及效果如下图所示

5

再然后,我们使用table的属性rowspan进行跨行,‍代码及效果如下图所示

6

最后,我们使用table的属性rowspan和colspan进行跨行跨列,代码及效果如下图所示

注意事项

table标签上的属性border是设置表格边框大小的,其属性值为数字,默认为0,值越大边框越粗。

推荐信息