首页 > 软件开发 > HTML >

HTML标签中table如何跨行跨列

来源:互联网 2023-03-16 19:19:34 89

HTML中文译:超文本标记语言。其中标签table,曾经非常流行于网页的布局,而当今主要用于后台页面制作,或者编写数据堆积的表格。小编在这里要为大家分享table标签的使用及其如何跨行跨列。2Fd办公区 - 实用经验教程分享!

工具/原料

  • HTML标签
  • table
  • 属性rowspan
  • 属性colspan

方法/步骤

  • 1

    首先,我们来看一下表格的结构,代码及效果如下图所示2Fd办公区 - 实用经验教程分享!

    HTML标签中table如何跨行跨列2Fd办公区 - 实用经验教程分享!

  • 2

    其次,我们来看一下表格的语法,代码及效果如下图所示2Fd办公区 - 实用经验教程分享!

    HTML标签中table如何跨行跨列2Fd办公区 - 实用经验教程分享!

  • 3

    再次,我们来看一下简单的一个表格代码书写,代码及效果如下图所示2Fd办公区 - 实用经验教程分享!

    HTML标签中table如何跨行跨列2Fd办公区 - 实用经验教程分享!

  • 4

    然后,我们使用table的属性colspan进行跨列,代码及效果如下图所示2Fd办公区 - 实用经验教程分享!

    HTML标签中table如何跨行跨列2Fd办公区 - 实用经验教程分享!

  • 5

    再然后,我们使用table的属性rowspan进行跨行,‍代码及效果如下图所示2Fd办公区 - 实用经验教程分享!

    HTML标签中table如何跨行跨列2Fd办公区 - 实用经验教程分享!

  • 5此文章未经授权抓取自百度经验
  • 6

    最后,我们使用table的属性rowspan和colspan进行跨行跨列,代码及效果如下图所示2Fd办公区 - 实用经验教程分享!

    HTML标签中table如何跨行跨列2Fd办公区 - 实用经验教程分享!

  • 注意事项

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

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!2Fd办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码