1、表格结构:
<table>
<tr>---行标签
<td>---</td>---单元格
</tr>
</table>
2、表头:
<th>---</th>---表格头,内容居中,加粗显示,放在<tr></tr>内
<caption>---</caption>---表格标题,居中显示,紧跟<table>之后,每个表格只有一个标题
3、表格划分三部分:
thead:表格的头(放表格的表头)
tbody:表格的主题(放数据本体)
tfoot:表格的脚(放表格的脚注)
4、<table>属性:
属性 | 值 | 描述 |
Width | Pixels、% | 规定表格的宽度 |
align | Left、center、right | 表格相对周围元素的对齐方式 |
border | Pixels | 规定表格边框的宽度 |
Bgcolor | rgb(x,x,x)、#xxxxxx、Colorname | 表格的背景颜色 |
Cellpadding | Pixels、% | 单元边沿与其内容之间的空白 |
cellspacing | Pixels、% | 单元格之间的空白 |
frame | 属性值 | 规定外侧边框的哪个部分是可见的 |
rules | 属性值 | 规定内侧边框的哪个部分是可见的 |
5、tr标签属性:
属性 | 值 | 描述 |
align | Left、center、right、justify、char | 行内容的水平对齐 |
Valign | top、middle、bottom、baseline | 行内容的垂直对齐 |
Bgcolor | rgb(x,x,x)、#xxxxxx、colorname | 行的背景颜色 |
6、<thead>、<tbody>和<tfoot>标签属性:
属性 | 值 | 描述 |
align | Left、center、right、justify、char | <thead>、<tbody>和<tfoot>内容的水平对齐 |
Valign | top、middle、bottom、baseline | <thead>、<tbody>和<tfoot>内容的垂直对齐 |
7、跨行rowspan与跨列colspan:写在<td>标签中
8、表格嵌套:表格嵌套时要写在<td>中,嵌入完整的表格结构