02HTML表格

基本语法结构

<table> <!--表格-->
<tr> <!--行标签-->
<td></td> <!--单元格-->
<td></td>
</tr>
</table>

带结构的表格

 <caption></caption>    <!-标题-->

 <thead></thead>　　头
 <tbody></tbody>　　主题
 <tfoot> </tfoot>　　脚注

 

表格属性

width——规定表格的宽度

align——表格相对周围元素的对齐方式

border——规定表格边框的宽度

bgcolor——表格背景颜色

cellpadding——单元边沿与其内容之间的空白

cellspacing——单元格之间的空白

frame——规定外侧边框的哪个部分是可见的

rules——规定内侧边框的哪个部分是可见的

frame——外边框标签属性

void——不显示外侧边框

above——显示上部的外侧边框

below——显示下部的外侧边框

hsides——显示上部和下部的外侧边框

vsides——显示左部和右部的外侧边框

lhs——显示左部的外侧边框

rhs——显示右部的外侧边框

box——在所有死边上显示的外侧边框

border——在所有死边上显示的外侧边框

rules——内边框标签属性

none——没有线

groups——行组与列组之间的线条

rows——行之间的线条

cols——列之间的线条

all——行与列之间的线条

跨列属性

<table > 
<tr> 
<td colspan="2">xxxx</td>
<td>xxxx</td>
</tr>
<tr> 
<td>xxxx</td>
<td>xxxx</td>
<td>xxxx</td>
</tr>
</table>

 

 

跨行属性

<table > 
<tr>
<td>xxxx</td> 
<td rowspan="2">xxxx</td>
<td>xxxx</td>
</tr>
<tr> 
<td>xxxx</td>
<td>xxxx</td>
</tr>
</table>

表格嵌套

<table > 
<tr>
<td>xxxx</td> 
<td >
<table>
<tr>
<td>xxxx</td>
<td>xxxx</td>
</tr>
</table>
</td>

</tr>
<tr> 
<td>xxxx</td>
<td>xxxx</td>
</tr>
</table>

表格布局

尽量少的使用表格嵌套

尽量少的使用表格跨行跨列