html 中的表格 由行 组成,每行由单元格
组成。 所以表格是由行组成(行由列组成),而不是由行和列组成。 table 标签
<table border="1" cellspacing="0"> <caption> 表格标题 </caption> <!--表头--> <thead> <tr> <th>表头1</th> <th>表头2</th> </tr> </thead> <!--表身--> <tbody> <tr> <td>第1行单元格1</td> <td>第1行单元格2</td> </tr> <tr> <td>第2行单元格1</td> <td>第2行单元格2</td> </tr> </tbody> <!--表尾--> <tfoot> <tr> <td>表尾单元格1</td> <td>表尾单元格2</td> </tr> </tfoot> </table>
<table border="1" cellspacing="0"> <tr> <th>姓名</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>男</td> </tr> <tr> <td>李四</td> <td>女</td> </tr> </table>
水平方向合并 colspan如 colspan="2"表示当前单元格在水平方向上占据两个单元格的位置。 <table border="1" cellspacing="0" style="width: 100px;height:100px"> <tr> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> </tr> </table>
垂直方向合并 rowspan如 rowspan="2"表示当前单元格在垂直方向上占据两个单元格的位置。 <table border="1" cellspacing="0" style="width: 100px;height:100px"> <tr> <td rowspan="2"></td> <td></td> </tr> <tr> <td></td> </tr> </table>
|