为什么这个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上设置一些宽度，就像我在小提琴中所做的那样。

Answer 2

当您需要TD结束标记时，您已使用TD开始标记。因此，每行中有4个TD元素而不是2.（请注意，TD的结束标记是可选，因此这是有效的。）

Answer 3

这是一个错字......关闭的TD标签丢失了。

<table border="1"> 
    <tr> 
        <td colspan="5"> hi --> close your tags here --> </td>
        <td colspan="3"> hi </td> 
    </tr> 
    <tr> 
        <td colspan="3"> hi </td> 
        <td colspan="5"> hi </td> 
    </tr> 
</table> 

Answer 4

缺少<td>.

的结束标记

<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>