大前端 HTML表格

<table>---表格
<tr>---行
<td>---单元格
1.基本语法与结构
<table>						<!--表格开始-->
	<caption>......<caption>		<!--表格标题，居中显示-->
	<tr>					<!--tr行标签-->
		<th>......</th>			<!--表格头，内容居中，加粗显示-->
		<td>......</td>			<!--td单元格-->
		......
	</tr>
	<tr>
		<td>......</td>
		......
	</tr>

</table>					<!--表格结束  -->	

2.表格划分三部分：表头，主体，脚注
	（1）thead:表格的头（放表格的表头）
	 (2）tbody:表格的主体（放表格的本体）
	 (3)  tfoot:表格的脚（放表格的脚注）
<tabke>
	<caption>......<caption>
	<thead>
		<tr>
			<th>表头</th>
		</tr>
	</thead>
	<tbody>
  		<tr>
  			 <td>表头</th>
  		</tr>
 	</tbody>
	<tfoot>
		<tr>
			<td>脚注</td>
		</tr>
	</tfoot>
</table>


3.<table>表格属性


  属性   	|         值     	|描述
width    	|          px,%     	|规定表格的长度
 align   	| left,center,right	|表格相对周围元素的对齐方式
border   	| px			|规定表格边框的宽度
bgcolor  	| rgb,			|表格的背景颜色
cellpadding	|		px,%	|单元边沿与其他内容之间的空白
cellspacing	|		px,%	|单元格之间的空白
frame		|	属性值		|规定外侧边框的哪个部分是可见的
rules		|	属性值		|规定内侧边框的哪个部分是可见的
（1）frame属性值：
void---不显示外侧边框
above---显示上部的外部边框
below---显示下部的外侧边框
hsides---显示上部和下部的外侧边框
vsides---显示左边和右边的外侧边框
lhs---显示左边的外侧边框
rhs---显示右边的外侧边框
box---在所有四个边上显示外侧边框
border---在所有四个边上显示外侧边框

(2)rules属性值
none---没有线条
groups---位于行组和列组之间的线条
rows---位于行之间的线条
cols---位于列之间的线条
all---位于行和列之间的线条

4.<tr>标签属性
  属性  		| 值					|描述
align 		|left,center,right,justify,char		|行内容的水平对齐
valign  	| top,middle,bottom,baseline		|行内容的垂直对齐
bgcolor 	| rgb（x,x,x),#xxxxxx,colorname		|行的背景颜色


5.<td>和<th>标签属性

属性     	| 值					|描述
align 		| left,center,right,justify,char	| 单元格内容的水平对齐
valign  	| top,middle,bottom,baseline		|单元格内容的垂直对齐
bgcolor		| rgb（x,x,x),#xxxxxx,colorname		|单元格的背景颜色
width		| 		px,%  			|单元格的宽度
height		|		px,%  			|单元格的高度

6.<thead>,<tbody>和<tfoot>标签属性

属性   | 值     				|描述
align  |left,center,right,justify,char  |<thead>,<tbody>和<tfoot>内容的水平对齐
valign | top,middle,bottom,baseline     |<thead>,<tbody>和<tfoot>内容的垂直对齐

7.跨列属性：colspan="2"
跨行属性：rowspan="2

8.表格嵌套
		嵌入表格说明：（1）完整表格结构
			     （2）放到<td>标签中