课程首页
第 3 课
课堂目录
HTML5中的表格
28 页 · 观察、修改代码与运行验证
打开课堂展示
逐页打开源码课件
01
HTML5 表格：让数据关系看得见
02
同一批数据，怎样展示更合适？
03
第一步：只用三个标签写出表格
04
第二步：用 th 说明数据的含义
05
第三步：给表格命名，并组织各行
06
空白、0、无数据：表达的是同一件事吗？
07
空白数据不能直接当作零
互动
08
第四步：用 scope 明确表头的范围
09
一个表格可以有多个 tbody
10
colspan：让一个单元格跨越多列
11
rowspan：下一行已有位置被占用
12
先画网格，再判断合并是否正确
13
跨行之后还剩几个位置
互动
14
诊断：合并后为什么多出一列？
15
会合并之后，还要判断何时不合并
16
嵌套表格：把小表放进一个单元格
17
结构与样式：边框不是表格的定义
18
读得懂旧教材，写得出新代码
19
手机上放不下，不能把数据藏起来
20
对比：内容相同，数据关系也相同吗？
21
看效果，写出表格结构
22
源码没写 tbody，浏览器里为什么有？
23
学习通作答：选择结论，也给出依据
24
综合分析：整齐的成绩表，可靠吗？
25
表格生成工具：生成之后，还要检查
26
滚动时，怎样不丢失数据的含义？
27
课后阅读与分析
28
表格的关键：先有关系，再有外观