html table 表格脚,HTML表格table

一个表格,包含多个行,行内又包含多个列,如下,通过

MonthSavings
Sum$180
定义表格中的列,可以设置border(边框),width(宽度)属性
姓名语文分数数学分数总分
小明10080180
小红8090170

效果如下:

姓名语文分数数学分数总分

小明10080180

小红8090170

td-colspan属性/rowspan属性

在excel中有合并单元格,HTML表格中,同样可以实现

colspan:合并列,指定要合并的列数,如下所示,设置colspan="3",合并3列。

姓名语文分数数学分数总分
小明10080180
小红8090170
备注本次成绩计入期末总成绩30%

展示效果如下:

姓名语文分数数学分数总分

小明10080180

小红8090170

备注

rowspan:合并行,如下所示

成绩纪录科目1月2月3月
语文908070
数学8090100
英语8090100

展示效果如下:

成绩纪录科目1月2月3月

语文908070

数学8090100

英语8090100

表格表头th

通过th定义表格的表头,大多数浏览器会把表头显示为粗体居中的文本,如下:

科目1月2月3月
语文908070
数学8090100
英语8090100

展示效果如下:

科目1月2月3月

语文908070

数学8090100

英语8090100

表格thead/tbody/tfootthead:定义表格页眉

tbody:定义表格主体

tfoot:定义表格页脚

通过这种方式定义,表格结构更加清晰直观,同时也方便通过css设置相应的样式。

thead {color:green}

tbody {color:blue;height:50px}

tfoot {color:red}

January$100
February$80
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值