HTML表中的可变列数

Question

我现在有一个基本的表格，你可以在这里看到：

突出显示的区域是两列，我想要合并为一列。我不认为答案会很简单，因为表格本质上具有固定的列号和行号。我应该以某种方式在它下面添加另一个表格，并进行某种无缝过渡，以显示单个表格的外观吗？

这是我的代码，以防万一需要。

<TABLE border="1" cellspacing="0" width="450px" cellpadding="3px" bordercolor="#FFFFFF">
    <TR>
        <TD rowspan="2" width="50px" height="50px" background="img/noimg75.png"></TD>
        <TD width="200px">1</TD>
        <TD width="200px">2</TD>
    </TR>
    <TR>
        <TD>3</TD>
        <TD>4</TD>
    </TR>
    <TR>
        <TD>5</TD>
        <TD>6</TD>
        <TD>7</TD>
    </TR>
</TABLE>

Answer 1

colspan出了什么问题？

<TABLE border="1" cellspacing="0" width="450px" cellpadding="3px" bordercolor="#FFFFFF">
    <TR>
        <TD rowspan="2" width="50px" height="50px" style="background:red;"></TD>
        <TD width="200px">1</TD>
        <TD width="200px">2</TD>
    </TR>
    <TR>
        <TD>3</TD>
        <TD>4</TD>
    </TR>
    <TR>
        <TD colspan="2">5 & 6</TD>
        <TD>7</TD>
    </TR>
</TABLE>

演示：http://jsfiddle.net/9XU9x/

每条评论更新：

<TD colspan="2"><table border="2" width="100%"><tr><td width="50%">Five</td><td>Six</td></tr></table></TD>

新演示：http://jsfiddle.net/TzXaF/

Answer 2

使用colspan=""可以合并多个<td>。这是一个例子：

<TABLE>
    <TR>
        <TD>1</TD>
        <TD>2</TD>
    </TR>
    <TR>
        <TD colspan="2">3</TD>
    </TR>
</TABLE>