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