table标签是用来显示表格的标签
table标签的大致格式如下
<table>
<tr>
<td></td>
</tr>
</table>
其中,tr代表行,td代表列,具体如下图所示
如果缺少一个单元格会是什么样?
这会使整个表格看起来不那么美观。
该怎么解决这个办法呢?
我们可以使用colspan和rowspan来合并单元格,colspan用来合并列,rowspan用来合并行。
上图所示,第三行的第二列缺失一块单元格,我们可以合并第三行的第一第二列为一个单元格,这时我们应该使用colspan。
<table border="1">
<tr>
<td>1</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>5</td>
</tr>
<tr >
<td colspan="2">3</td>
</tr>
</table>
效果如下
我们也可以将第二行的第二列与第三行的第二列合并
代码如下
<table border="1">
<tr>
<td>1</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td rowspan="2">5</td>
</tr>
<tr >
<td >3</td>
</tr>
</table>