<table>标签自用收藏

对于html,表格<table>是最常用的标签,但对于表格边框的控制,却不甚其解,吾乃菜鸟,此乃<table>标签常用汇总,以备后续查阅

举例:

<table width="250" border="4"> 
	<caption>【表格举例】</caption> 
	<tbody>
		<tr bgcolor="#cccccc">  
			<th>
				 
			</th>  
			<th>
				A列
			</th>  
			<th>
				B列
			</th>  
			<th>
				C列
			</th> 
		</tr> 
		<tr align="center">  
			<td>
				行_1
			</td>  
			<td>
				A1
			</td>  
			<td>
				B1
			</td>  
			<td rowspan="2">
				C1-C2
			</td> 
		</tr> 
		<tr align="center">  
			<td>
				行_2
			</td>  
			<td>
				A2
			</td>  
			<td>
				B2
			</td> 
		</tr> 
		<tr align="center">  
			<td>
				行_3
			</td>  
			<td>
				A3
			</td>  
			<td colspan="2">
				B3-C3
			</td> 
		</tr>
	</tbody>
</table>

显示效果:

【表格举例】

	A列	B列	C列
行_1	A1	B1	C1-C2
行_2	A2	B2
行_3	A3	B3-C3

说明:

1、border="4"    --边框属性(宽度)
     比如:<table border="1">，参考样式:

ID	NAME	GENDER
1001	mike	male

     比如:<table border="1px" cellspacing="0px">,参考样式:(边框没有重合,两个像素宽)

ID	NAME	GENDER
1001	mike	male

     比如:<table border="1px" cellspacing="0px" bordercolor="blue" bgcolor="#cccccc" style="border-collapse:collapse">
     参考样式:(修改表格的border-collapse属性重合边框为一个像素)(bordercolor边框颜色 , bgcolor边框底纹)

ID	NAME	GENDER
1001	mike	male

2、align="center"   居中对齐  left左,right右,justify对行进行延伸

3、colspan="2"      colspan列合并(向左合并)、rowspan行合并(向下合并)、数值表示合并几个

表格常用到的标签

标签	描述
<table>	定义表格
<caption>	定义表格标题
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚
<col>	定义用于表格列的属性
<colgroup>	定义表格列的组