HTML--表格标签

表格标签

1.格式

<table>
	<caption>主题</caption>
	<tr><th>姓名</th> <th>年龄<th></tr>   //<th></th>表头单元格
	<tr><td>小丽</td> <td>23<td></tr>
	<tr><td>小生</td> <td>27<td></tr>
<table>	

2.表格属性

属性名	属性值	描述
align	left,center,right	规定表格相对周围元素的对齐方式
border	1或“”	规定表格单元是否拥有边框，默认为"",表示没有边框
cellpadding	像素值	规定单元边沿与其内容之间的空白，默认1像素
cellspacing	像素值	规定单元之间的空白，默认2像素
width	像素值或百分比	规定表格的宽度

<table align="center" border="1" .......>

3.表格结构标签

1.<thead></thead>:用于定义表格的头部。<thead>内部必须拥有<tr>标签。一般是位于第一行。

2.<tbody></tbody>:用于定于表格的主体，主要用于放数据本体。

3.<tfoot></tfoot>:表格底部

4.以上标签都是放在<table></table>标签中

4.合并单元格

合并单元格步骤：

1).明确合并哪几个单元格。

2).通过左上原则，确定保留谁删除谁

上下合并–>只保留最上的，删除其他的

左右合并–>只保留最左的，删除其他的

3).给保留的单元格设置：

属性名	属性值	说明
rowspan	合并单元格个数	跨行合并
colspan	合并单元格个数	跨列合并

注意：

只有同一个结构标签中的单元格才能合并，不能跨结构标签合并(不能跨：thead,tbody,tfoot)。