07.HTML-----01.table(表格)

本文介绍了HTML中创建表格的基本语法,包括使用table、tr和td标签来构建表格,以及如何通过colspan和rowspan属性实现单元格的横向和纵向合并。同时,提到了表格的三部分:thead、tbody和tfoot的使用,以及th标签在表头中的应用,th具有加粗和居中的样式效果。
摘要由CSDN通过智能技术生成

       1.  在现实生活中,我们经常需要表格来表示一些格式化数据:如成绩单、课程表。在网页中也会用到表格,我们使用table标签来创建表格,tr用来创建表格的一行(有几个tr就有几行),td来创建一行表格中的一个单元格(有几个td一行中就有几个单元格)。用法如下:

 显示如下:

       2.  colspan用来横向合并单元格、rowspan用来纵向合并单元格,合并时先把要相邻要合并的单元格给删掉。用法如下:colspan="2"-----引号里的数为几,表示横向合并几个单元格,rowspan用法也是如此。

显示如下:

        3. 我们可以将表格分为三个部分:头部thead(无论在程序中位置如何,他始终位于表格的开始,主体tbody、底部tfoot(始终位于表格的底部)。

注意:对于头部中的单元格除了可以用td来表示外还可以用th(相比td有加粗居中的效果)

 显示为:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值