1 : 表格基本结构
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
<!--
table 为表格
tr 行
td 列(每一个单元格)
-->
2:表格的html属性
1)width="表格的宽度"
2)height="表格的高度"
3)border="表格的边框"
4)bordercolor="边框色"
5)cellspacing="单元格与单元格之间的间距"
6)cellpadding=“单元格与内容之间的距离"
7)align="表格水平对齐方式"
取值:left、right、center、
valign=“垂直对齐” top\bottom\middle
8)合并单元格属性:(td)
合并列: colspan=“所要合并的单元格的列数"
合并行: rowspan=“所要合并单元格的行数”
3 : 数据行分组
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
4 : 数据列分组
<colgroup span="value"></colgroup>
<!--span属性为把几列分为一组-->
5 : 列标题
<th></th>
6: 表格标题
<caption></caption>
7: 表格属性
1、单元格间距:border-spacing:value; 说明:单元格间距(该属性必须给table添加) 表示单元格边框之间的距离, 不可取负值 2、合并相邻单元格边框:border-collapse:separate/collapse; 说明:合并相邻单元格边框 (该属性必须给table添加) separate(边框分开)默认值; collapse(边框合并) 3、无内容时单元格的设置:empty-cells:show/hide; 说明:定义当单元格无内容时,是否显示该单元格的边框区域;show:显示 ;hide:隐藏; 4、显示单元格行和列的算法(加快运行的速度): table-layout:auto/fixed;