HTML基础————table标签

1.什么是table？

table是html中的表格，由tr、td、th元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元

2.可选的属性

属性	描述
border	定义表格的边框
cellpadding	单元格内内容与单元格边的间距
cellspacing	单元格与表格边框的间隔
sumaary	规定表格的摘要
width	规定表格的宽度

3.合并单元格

用到表格，那么无可避免的就会用到合并的单元格，例如要在表格的结尾要写总计，这时候就需要合并单元格。

合并单元格分为合并列、合并行。

rowspan 是合并列

colspan 是合并行

那么怎么实现呢

	
#
姓名
年龄
	
1
憨憨
21
	
2
哈哈
21
	
3
嘿嘿
24
	
4
芜湖
25
	
5
乌拉
25
	
总数
5
 

 上面的代码是一个表格运行如下，我们需要把红色部分合并

 

 3.1实现单元格合并列

如果我们要合并列，那么就把要合并的第二个单元格②删掉，然后在第一个单元格①的属性中写上rowspan，并写上值。

代码如下：

    1憨憨21	
	2哈哈	

  

3.1实现单元格合并行

如果 我们要合并列，那么就把要合并的第二个单元格④删掉，然后在第一个单元格③的属性中写上colspan，并写上值。

代码如下：

    总数5

4.演示代码：

	
		
		
	
	
		

			
姓名图
			
#
姓名
年龄
			
1
憨憨
21
	
			
2
哈哈
22
	
		
		

		

			
#
姓名
年龄
			
1
憨憨
21
	
			
2
哈哈
	
			
3
嘿嘿
24
			
4
芜湖
25
			
5
乌拉
			
总数
5