IT俱乐部 HTML5 HTML5表格语法格式详解

HTML5表格语法格式详解

一、表格

在HTML语法中,表格主要通过、和3个标签构成。

表格标签为,行的标签为,表项的标签为。

1.表格语法格式

    
标题
表头 表头 表头
表头 表项 表项

标签必须紧随标签之后,为每个标签指定唯一标题。

2.表格属性

border 表格边框宽度
width 表格宽度
heigh 表格长度
align 表格相对周边对齐方式
bordercolor 边框颜色
bgcolor

背景颜色

scope 表示单元格是列(low)、行(row)的表头

 3.例子

运行代码如下:



    表格
成绩单
教师人数 学生人数 总人数
2021年 40 400 440
2022年 100 1500 1600
2023年 100 1500 1600
2024年 200 4000 4200

运行结果如下:

二、不规则表格

使用 colspan 和 rowspan 属性用于建立不规则表格

1.跨行

 
单元格内容

rowspan 指明该单元格应有多少行的跨度,在 th 和 tr 标签中使用。

2.跨列


单元格内容

colspan 指明该单元格应有多少列的跨度,在 th 和 tr 标签中使用。

注:跨越的单元格占用了原来的单元格要删除掉

3.例子

运行代码如下:



    不规则表格
教师人数 学生人数 总人数
2021年
2022年
2023年
2024年

运行结果如下:

到此这篇关于HTML5表格的文章就介绍到这了,更多相关html5表格内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章,希望大家以后多多支持IT俱乐部!

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/navsub/html5/15056.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部