在 HTML 中，我们使用
在学习表格之前，我们不妨先来看一段简单的 HTML 代码：
名称
4.
官网
5.
性质
6.
7.
8.
C语言中文网
9.
http://c.biancheng.net/
10.
教育
11.
12.
13.
百度
14.
http://www.baidu.com/
15.
搜索
16.
17.
18.
当当
19.
http://www.dangdang.com/
20.
图书
21.
22.
运行效果如下图：
这是一个 4 行 3 列的表格。第一行为表头，其余三行为内容。
在上述代码中，我们使用了
及 | 四个标签： 之间。 | |||
是 table datacell 的简称，表示表格的单元格，这才是真正存放表格数据的标签。单元格的数据可以是文本、图片、列表、段落、表单、水平线、表格等多种形式。 | 是 table heading 的简称，表示表格的表头。 | 其实是 | 单元格的一种变体，本质上还是一种单元格。 | 默认情况下，表格是没有边框的。但是我们可以使用 1. 表格的边框合并：细心的读者可能已经发现了，网页中常见的表格样式大多为单层边框，上例中展示的表格为双层边框。为了避免这种情况，我们可以利用 CSS 中的 border-collapse 属性来设置表格的边框。border-collapse 是“边框塌陷”的意思，当属性值为 collapse 时，可以使表格的双边框变为单边框。示例代码如下：1. 2. |
3.
名称
4.
官网
5.
性质
6.
7.
8.
C语言中文网
9.
http://c.biancheng.net/
10.
教育
11.
12.
13.
百度
14.
http://www.baidu.com/
15.
搜索
16.
17.
18.
当当
19.
http://www.dangdang.com/
20.
图书
21.
22.
运行效果如下图所示：
2. 表格的标题
HTML 允许使用
标签来为表格设置标题，标题用来描述表格的内容。
我们常见的表格一般都有标题，表格的标题使用
标签来表示。默认情况下，表格的标题位于整个表格的第一行并且居中显示。一个表格只能有一个标题，也就是说
请看下面的例子：
1.
2.
这是表格的标题
3.
4.
名称
5.
官网
6.
性质
7.
8.
9.
C语言中文网
10.
http://c.biancheng.net/
11.
教育
12.
13.
14.
15.
http://www.baidu.com/
16.
搜索
17.
18.
19.
当当
20.
http://www.dangdang.com/
21.
图书
22.
23.
浏览器运行结果如图：
3. 单元格的合并
和 Excel 类似，HTML 也支持单元格的合并，包括跨行合并和跨列合并两种。
rowspan：表示跨行合并。在 HTML 代码中，允许我们使用 rowspan 特性来表明单元格所要跨越的行数。
colspan：表示跨列合并。同样的，在 HTML 中，允许我们使用 colspan 特性来表明单元格所要跨越的列数。
具体格式如下：
单元格内容单元格内容
n 是一个整数，表示要合并的行数或者列数。
此处需注意，不论是 rowspan 还是 colspan 都是
标签的属性。
下面的例子中，我们将表格第 1 列的第 3、4 行单元格合并(跨行合并)，将第 4 行的第 2、3 列合并(跨列合并)。具体代码如下：
名称
4.
官网
5.
性质
C语言中文网
9.
http://c.biancheng.net/
10.
教育
百度
14.
http://www.baidu.com/
15.
搜索
http://www.dangdang.com/
运行效果如图：
通过运行结果可以发现：
rowspan 属性表示向下合并单元格，colspan 属性表示向右合并单元格。
每次合并 n 个单元格都要少写 n-1 个
标签。
提示：即使一个单元格中没有任何内容，我们仍需使用
