標籤自用收藏

對於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>	定義表格列的組