Question

I don’t have much experience with html, but I tried to make a simple table and I get extra cells in it, I don’t know why.
Here is the code:

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

I expect this to have two rows with 2 cells in each, in first row first cell is bigger, and in second row second cell is bigger. But for some reason I get 4 cells in each row, like this:

.

Answer 1

You didn’t terminate your <td>…. You need a </td> at the end.

Working Fiddle

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>

Furthermore

If you want it to look like you’d expect, you will have to set some widths on your td’s like I did in the fiddle.