Html 创建具有多个td的表

我想制作以下表格布局：

我有：

<table border="1">
<tr>  <td colspan="3">aaa</td> <td colspan="3">aa</td> </tr>
<tr>  <td>a</td> <td> aa </td> <td> aaa </td> <td>aa</td><td>aa</td><td>aa</td> </tr>
</table>

aaa-aa
aaaaaaaaaa

但是我怎样才能休息呢

---

LIVE:

您可以在单元格中创建一个新表。

您可以在单元格中创建一个新表。

如果需要一个表，解决问题的方法是：

计算出所需的最大行数和列数。在您的例子中，它看起来像8列6行

制作一个如此大小的简单表格网格

开始在

td

s上设置

colspan

和

rowspan

，并删除它们旁边的

td

s

重复此操作，直到获得所需的格式

---

如果需要一个表，解决问题的方法是：

计算出所需的最大行数和列数。在您的例子中，它看起来像8列6行

制作一个如此大小的简单表格网格

开始在

td

s上设置

colspan

和

rowspan

，并删除它们旁边的

td

s

重复此操作，直到获得所需的格式

---

要创建该结构，需要使用colspan和rowspan属性

例如

要制作以下结构：

-------
|A    |
-------
|X|Y|Z|
  -----
| |1|2|
-------

使用以下代码：

<tr>
    <td colspan="3">A</td>
</tr>
<tr>
    <td rowspan="2">X</td>
    <td>Y</td>
    <td>Z</td>
</tr>
<tr>
    <td>1</td>
    <td>2</td>
</tr>

A.
X
Y
Z
1.
2.

另一种方法是，如前一篇文章所建议的，按如下方式添加嵌套表：

<tr>
    <td>A</td>
</tr>
<tr>
    <table>
        <tr>
            <td>X</td>
            <td>Y</td>
            <td>|</td>
        </tr>
    </table>
</tr>

A.
X
Y
|

就我个人而言，我会选择科尔斯潘路线，但这完全取决于你

---

另一种方法是完全忽略表并使用CSS，但除非您已经具备了使用CSS的能力，否则您可能会发现这要痛苦得多。

要创建这种结构，您需要使用属性colspan和rowspan

例如

要制作以下结构：

-------
|A    |
-------
|X|Y|Z|
  -----
| |1|2|
-------

使用以下代码：

<tr>
    <td colspan="3">A</td>
</tr>
<tr>
    <td rowspan="2">X</td>
    <td>Y</td>
    <td>Z</td>
</tr>
<tr>
    <td>1</td>
    <td>2</td>
</tr>

A.
X
Y
Z
1.
2.

另一种方法是，如前一篇文章所建议的，按如下方式添加嵌套表：

<tr>
    <td>A</td>
</tr>
<tr>
    <table>
        <tr>
            <td>X</td>
            <td>Y</td>
            <td>|</td>
        </tr>
    </table>
</tr>

A.
X
Y
|

就我个人而言，我会选择科尔斯潘路线，但这完全取决于你

另一种方法是完全忽略表并使用CSS，但除非您已经具备使用CSS的能力，否则您可能会发现这要痛苦得多。

这里是：

代码：

在这里：

代码：

尽我所能：

<table border="1">
<tr>  
    <td colspan="3">aaa</td> 
    <td colspan="3">aa</td> 
</tr>
<tr>  
    <td>a</td> 
    <td> aa </td> 
    <td> aaa </td> 
    <td>lol</td>
    <td>
        <table border="1">
            <tr>
                <td colspan="3">
                    lol
                </td>
            </tr>
        <tr>
            <td>
                ok
            </td>
            <td>
                ok
            </td>
            <td>
                ok
            </td>
        </tr>
        <tr>
            <td>
                ok
            </td>
            <td>
                ok
            </td>
            <td>
                ok
            </td>
        </tr>
        </table>
    </td>
    <td>

    </td> 
</tr>
    <tr>
        <td colspan="2">
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
   </tr>
    <tr>
        <td colspan="10">
        </td>
    </tr>

</table>

aaa
aa
A.
aa
aaa
英雄联盟
英雄联盟
好啊
好啊
好啊
好啊
好啊
好啊

我能做的最好的：

<table border="1">
<tr>  
    <td colspan="3">aaa</td> 
    <td colspan="3">aa</td> 
</tr>
<tr>  
    <td>a</td> 
    <td> aa </td> 
    <td> aaa </td> 
    <td>lol</td>
    <td>
        <table border="1">
            <tr>
                <td colspan="3">
                    lol
                </td>
            </tr>
        <tr>
            <td>
                ok
            </td>
            <td>
                ok
            </td>
            <td>
                ok
            </td>
        </tr>
        <tr>
            <td>
                ok
            </td>
            <td>
                ok
            </td>
            <td>
                ok
            </td>
        </tr>
        </table>
    </td>
    <td>

    </td> 
</tr>
    <tr>
        <td colspan="2">
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
   </tr>
    <tr>
        <td colspan="10">
        </td>
    </tr>

</table>

aaa
aa
A.
aa
aaa
英雄联盟
英雄联盟
好啊
好啊
好啊
好啊
好啊
好啊

aaa
aa
A.
aa
aa
aa
aa
aa
bb
bb
bb
bb
bb
bb
aa
aa
aa
aa
aa
aa
aa
aa
aa

aaa
aa
A.
aa
aa
aa
aa
aa
bb
bb
bb
bb
bb
bb
aa
aa
aa
aa
aa
aa
aa
aa
aa

您可以尝试在excel中合并单元格，然后将其转换为html。

---

您可以尝试在excel中合并单元格，然后将其转换为html。

---

这是一个很好的解决方案。只使用一个表而不嵌套太多意味着生成的HTML更少。这是一个很好的解决方案。只使用一个表而不嵌套太多意味着生成的HTML更少。