07-表格

本次的项目：

image.png

表格的作用

当数据量比较大的时候, 表格对数据的组织较好，易于浏览者浏览。

表格的行列与单元格认识

下图的表格共有5行5列共25个单元格

image.png

表格写法

相关标签

表格
表格行(table row) ，简称行
表示原本的4个单元格，合并成了1个单元格。数量计算仍然按4个计算。

表格单元格合并练习

image.png

参考代码

表格数据单元格(table data cell)，简称单元格	表格头部单元格(table head cell) ，简称表头单元格 基本表格代码示例 数量 货品号 说明 单价 行合计 10 1 无 2 20 单元格合并 单元格的合并分为行合并（rowspan）和列合并（colspan）。 具体代码 数量 货品号 说明 单价 行合计 10 1 无 2 20 20 2 无 3 60 30 3 无 4 120 40 4 无 5 200 合计 400 注意： 各行的单元格数量应保持一致。	合计
3	4	5
	7
6

注：好好思考每一行的单元格的合并情况。其实只要弄清楚每一个单元格属于哪一行，向右和向下合并了几个即可。