跨列 哪个属性 html,HTML表格,table,thead,tbody,tfoot,th,tr,td,的属性以及跨行,跨列

在HTML中表格是作为一个整体来解析的,解析完才会在页面显示,如果表格很复杂很长,加载时间很长,用户体验就不好。所以这里就要用到表格结构标签,解析一部分就显示一部分,不用等表格全部加载完再显示。

表格结构标签(添加这三个标签时,要注意不能影响网页布局):

  表头部(放表格的标题之类)

     表主体(放表格主体数据)  表脚注  (放表格脚注)

在写代码时:不论上面,

,顺序如何,在页面显示时,总是按照:    的顺序呈现出来的。

------------------

1a8308db6f05cc70af094eb6c1fe83f7.png

结构化表格标签:

表格标题,一个表只有一个

------------------------

1d9e41da8b97c218a0c164c9af7391de.png

-------------------------

table表格属性

width         pixles, %                        规定表格的宽度

align          left,center,right               表格相对周围元素的对齐方式 (这里是整个表格相对于网页进行移动居中的,而不是定义表格里面的内容)

border       pixels              表格变宽的宽度

bgcolor        rgb(x,x,x),#xxxxxx,ColorName       表格的背景颜色

cellpadding         pixels,%          单元格与其他内容之间的空白

cellspacing         pixels,%          单元格之间的空白

frame            属性值                            规定外侧边框的哪个部分是可见的。

rules             属性值             规定内侧边框的哪个部分是可见的。

frame外边框的属性值:

897bedfe509ee1066a8d245ff8063468.png

rules属性,说白了就是设置行和列之间的线条是否显示。

rules表格内侧边框的属性值:

237a9a81aa125e837ba4a09e6f13b395.png

当表格设置属性rules的值等于groups,rows,cols,all时,表格中的cellspacing="10px"就变成无效了,怎么设置都页面都没变化。

除非是把rules="none"或者不设置rules这个属性值,那么表格中的cellspacing=“10px”才有效果。

设置rules=“none” 和  rules="groups"  两个都是不显示内边框,没有大的区别,也看不出来。

none         显示外边框   在没有设定表格宽度时,相比groups表格宽度会变大一点(10px左右)

groups      显示外边框和内边框   在没有设定表格宽度时,相比none表格宽度会变小一点(10px左右)

------------------------

tr标签属性:

111eeeef96633b7bfae9735a9fb5edea.png

ca36b4674aaed4e31872baf7b7dd893e.png

394d63b6f9ddf76aa35d5d85aecd2dad.png

82c0c130162a3e6e97f4553f554ce2c4.png

c4d6e1cb26d1744ffc2c8fecdd3df2c4.png

html-3,table 表格标签 tr th td caption thead tbody tfoot 的简单使用

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值