表格元素与表格布局

  1. table 元素
    在网页内容中创造一个表格

  2. tr 元素 ( 创造表格中一行 )
    在网页内容中创造表格的一行,只有行的话不会在网页内容中间展示任何效果,一个表格至少需要行和列同时出现

  3. td 元素 ( 创造表格中的列 )
    在网页内容中创造表格的一列,每一个tr(行)元素中间都要设置具体的列数,默认情况下,每一个tr的列数都是相同的

  4. th 元素 ( 创造表格中的表头 )
    在表格中间创造一列中的表头,专门用来标注这一列的数据类型或是名称

  5. caption 元素 ( 创造表格的标题 )

  6. 表格区域划分 ( 表头 表身 表尾 )
    thead : 表头区域
    tbody : 表身区域
    tfoot : 表身区域

  7. 合并单元格 ( 合并列 ) colspan
    默认情况下,表格每一行的列数是相互独立的,若是某一行的列数较其他行少,那么少的列将会空出来

  8. 合并单元格 ( 合并行 ) rowspan
    默认情况下,表格每一行的列数是相互独立的,若是某一行的列数较其他行少,那么少的列将会空出来

  9. 表格的默认尺寸数据计算
    一列的宽度,由该列最宽的单元格内容决定
    一行的高度,由该行最高的单元格内容决定
    总 : 宽度放不下,行元素自动撑高
    行元素撑高,整个table一起撑高

  10. 表格边框样式
    border-collapse: separate 默认值
    collapse 边框线
    border-spacing:边框间距

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值