表格标签
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)。