html - 简单的html表格设计问题

Question

我正在尝试解决一个问题:这是一个 HTML 练习，我必须在其中为具有这种设计的表格编写 HTML 代码:

但我似乎无法直接设置它，这是我的代码:

    <table border>
        <tr>
            <td rowspan="2" colspan="2"> Batatas </td>
            <td rowspan="3" colspan="2"> Couves </td>
            <td> Alhos </td>
            <td> Cebolas </td>
        </tr>
        <tr> 
            <td rowspan="2" colspan="2"> Alface </td>
        </tr>
        <tr> 
            <td colspan="2"> Nabos </td>
        </tr>

    </table>

结果如下:

第一个“td”标签中的 rowspan="2"不应该使第一个单元格变大(高度)吗？

我做错了什么？

Answer 1

在这里试试这个在线工具:http://html-tables.com/

如果您仅使用单元格合并，您将看到 3 行如何在视觉上折叠为 2 行。

我认为您需要嵌套表格才能达到这种效果。