table表格

标签

• 最外层

• 行

• 头部

• 单元格

• 
  和th不一样，th是语义化，而thead是正真的头部，th必须写在第一行才是头部，thead不论写在哪都是头部，下面给两个表格显示是一样的，thead写在td之后任然是头部

	

		
头
	
	

		
单元格
	

头

	

		
单元格
	
	

		

	

• 尾部，和thead一样，不论写在哪他都是尾部
• 和thead，tfoot一样

可以

	

也可以

	
		
	


	
		
	


	
		
	

• 表格标题

Monthly savings

• 和列

两者搭配使用可以单个/批量选择特定的列，为其添加特定的style

	//选择前两列，赋红色
	
	
	//默认往后再选一列，赋绿色
	
	

属性样式

• 边框

• 合并行colspan与合并列rowspan

单元格跨两列:

	

		
Name
		
Telephone
	
	

		
Bill Gates
		
555 77 854
		
555 77 855
	


单元格跨两行:

	

		
First Name:
		
Bill Gates
	
	

		
Telephone:
		
555 77 854
	
	

		
555 77 855
	

• 表格与其他标签组合使用

	

		

			
这是一个段落
			
这是另一个段落
		
		
这个单元格包含一个表格:
			

				

					
A
					
B
				
				

					
C
					
D
				
			
		
	
	

		
这个单元格包含一个列表
			

				
apples
				
bananas
				
pineapples
			
		
		
HELLO
	

• 单元格内的空白区域cellpadding，类似padding

没有单元格边距:

	

		
First
		
Row
	
	

		
Second
		
Row
	


有单元格边距:

	

		
First
		
Row
	
	

		
Second
		
Row
	

• 单元格之间的间距cellspacing（合并边框）

没有单元格间距:

	

		
First
		
Row
	
	

		
Second
		
Row
	


单元格间距="0":

	

		
First
		
Row
	
	

		
Second
		
Row