为什么这个HTML表格会得到额外的单元格？

Question

我没有使用html的丰富经验，但是我尝试制作一个简单的表，但在其中得到了额外的单元格，我不知道为什么。这是代码：

<table border="1">
    <tr>
        <td colspan="5"> hi <td>
        <td colspan="3"> hi <td>
    </tr>
    <tr>
        <td colspan="3"> hi <td>
        <td colspan="5"> hi <td>
    </tr>
</table>

我希望这有两行，每行有2个单元格，第一行的第一个单元格较大，第二行的第二个单元格较大。但是由于某种原因，我每行有4个单元格，如下所示：

。

Answer 1

您没有终止您的<td>.... </td>最后需要一个。

工作小提琴

http://jsfiddle.net/GFdP6/3/

<table border="1">
    <tr>
        <td colspan="5"> hi </td>
        <td colspan="3"> hi </td>
    </tr>
    <tr>
        <td colspan="3"> hi </td>
        <td colspan="5"> hi </td>
    </tr>
</table>

此外

如果您希望它看起来像您期望的那样，则必须像我在小提琴中一样在td上设置一些宽度。