前端-基础 表格标签 总结

本文详细介绍了HTML表格的相关标签如``,``,`
`,``,以及关键属性如align、border、cellpadding和cellspacing。重点讲解了如何合并单元格,包括跨列和跨行的设置方法,以及删除多余单元格的操作。 摘要由CSDN通过智能技术生成

目录

表格的相关标签  : 

表格的相关属性

合并单元格  : 


表格的相关标签  : 

       表格标签  -  <table> 

               行标签 - <tr> 

                       单元格标签 - <td> 

                                表头单元格标签 - <th> 

         表格结构标签  

                        表头区域标签 - < thead > 

                        表主体标签 - <tbody> 

         

            

表格的相关属性

           align  -   表格相对于页面位置属性 (  左对齐 - left ,  中间 - center ,  右对齐 - right ) 

           border -   表格的边框。 默认为 “ ”  表示没有边框 

           cellpadding   -   表格内容与单元格边沿的距离 默认为 1 

           cellspacing   -  单元格与单元格之间的边沿距离  一般设为 0 ,默认是2 

           width -  表格宽

           highth  -   表格高 

           

合并单元格  : 

               我们所谓的合并单元格是最简单的那一种,不牵扯复杂的合并单元格 

               就记三步走  : 

                先确定是  跨列 还是  跨行 

                   跨列 就是  colspan = " 合并几个单元格的数值 " 

                   跨行 就是  rowspan =  " 合并几个单元格的数值 " 

               

              #  确定 目标单元格 

                  跨行  -  以最上面单元格为 目标单元格, 在目标单元格里  编写 第一步 对应代码 

                  跨列  -  以最左边单元格为 目标单元格 ,在目标单元格里  编写对应 代码  

             删除单元格 

                  在源码里删除多余的单元格 即可 

  • 8
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值