html表格··表格样式··长表格

表格在日常生活中使用的非常的多,比如excel就是专门用来创建表格的工具,

  表格就是用来表示一些格式化的数据的,比如:课程表、银行对账单

 在网页中也可以来创建出不同的表格。

 1、在HTML中,使用table标签来创建一个表格

 2、在table标签中使用tr来表示表格中的一行,有几行就有几个tr

 3、 在tr中需要使用td来创建一个单元格,有几个单元格就有几个td

 4、table标签里有自带的属性: border="1" width="40%" align="center"

 5、rowspan用来设置纵向的合并单元格

 6、colspan横向的合并单元格

 

 

 

有一些情况下表格是非常的长的

  这时就需要将表格分为三个部分,表头,表格的主体,表格底部

在HTML中为我们提供了三个标签

   thead  表头  永远在表格的头部

   tbody  表格的主体  永远在表格中间

   tfoot  表格的底部  永远在表格底部

   用来区分表格不同的部分,顺序,浏览器会自动调整

如果表格中没有写tbody,浏览器会自动在表格中添加tbody

并且将所有的tr都放到tbody中,所以注意tr并不是table的子元素,而是tbody的子元素

通过table > tr 无法选中行 需要通过tbody > tr

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值