HTML中复杂表格的制作方法

数据表格对于大家来说肯定并不陌生。除了excel表格还有我们网站制作内展现的表格。表格的作用都是一目了然，为了更直接的查看数据，统计数据，那么关于HTML中复杂表格的制作方法，你们知道吗？这篇文章主要介绍了HTML中复杂表格的制作方法，具有一定借鉴价值，需要的朋友可以参考下。

我们首先介绍下制作HTML表格的相关标签：

定义 HTML 表格

标签定义表格的表头

标签表格主体（正文）

标签定义表格的页脚（脚注或表注）

元素定义表格行

标签为表格中一个或多个列定义属性值。

标签用于对表格中的列进行组合，以便对其进行格式化。

html表格制作及实例具体代码如下：

    
        
基本表格样式：
        

元素定义表格标题，必须紧随 table 标签之后。只能对每个表格定义一个标题，默认居中与表格之上

元素定义表头	元素定义表格单元

1.1	1.2	1.3
2.1	2.2	2.3
3.1	3.2	3.3

无边框表格：

1.1	1.2	1.3
2.1	2.2	2.3
3.1	3.2	3.3

双线表格：

1.1	1.2	1.3
2.1	2.2	2.3
3.1	3.2	3.3

合并表格列：

1.1
2.1	2.2	2.3
3.1	3.2	3.3

注：colspan在css中失效

合并表格行：

1.1	1.2	1.3
	2.2	2.3
	3.2	3.3

注：rowspan在css中失效

复杂表格（一）

1.1	1.2
2.1	2.2	2.3
3.1		3.3

复杂表格（二）

1.1	1.2	1.3
2.1		2.3
3.1	3.2