為什么這個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>.缺少結束標記<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>