尝试在html中布局表

我试图布局一个包含四列的表：第1列单元格有六行深；第2列单元格有六行深；第3列包含一个四行深的单元格和两个一行深的单元格；第4列包含一个三行深的单元格和一个一行深的单元格，列中最后两个单元格为空且未指定

ABCD ABCD ABCD ABCE ABFx ABGx ABCD ABCD ABCD ABCE ABFx ABGx 我试着遵循我认为是这样做的规则，即：第一行中的所有内容都包含s；第二个包含为第一个非指定列（在本例中称为“E”的单元格）填写的列，接下来的两个包含为“F”和“G”分别填写的列

以下代码是我的尝试：

    <table border='1'>
        <tr>
            <td rowspan='6'>A<br/>A<br/>A<br/>A<br/>A<br>A</td>
            <td rowspan='6'>B<br/>B<br/>B<br/>B<br/>B<br>B</td>
            <td rowspan='4'>C<br/>C<br/>C<br/>C</td>
            <td rowspan='3'>D<br/>D<br/>D</td>
        </tr>
        <tr>
            <td>E</td>
        </tr>
        <tr>
            <td>F</td>
        </tr>
        <tr>
            <td>G</td>
        </tr>
    </table>

A
A
A
A
A
A
A
B
B
B
B
B
B
B
C
C
C
C
D
D
D
E
F
G

这给了我：

ABCDx ABCDx ABCDE ABCDF ABCGx ABCDx ABCDx ABCDE ABCDF ABCGx 如果我用不需要的列“引导它”：

1ABCD 2ABCD 3ABCD 4ABCE 5ABF 6ABG 1ABCD 2ABCD 3ABCD 4ABCE 5ABF 6ABG 使用：

    <table border='1'>
        <tr>
            <th>1</th>
            <td rowspan='6'>A<br/>A<br/>A<br/>A<br/>A<br>A</td>
            <td rowspan='6'>B<br/>B<br/>B<br/>B<br/>B<br>B</td>
            <td rowspan='4'>C<br/>C<br/>C<br/>C</td>
            <td rowspan='3'>D<br/>D<br/>D</td>
        </tr>
        <tr>
            <th>2</th>
        </tr>
        <tr>
            <th>3</th>
        </tr>
        <tr>
            <th>4</th>
            <td>E</td>
        </tr>
        <tr>
            <th>5</th>
            <td>F</td>
        </tr>
        <tr>
            <th>6</th>
            <td>G</td>
        </tr>
    </table>

1.
A
A
A
A
A
A
A
B
B
B
B
B
B
B
C
C
C
C
D
D
D
2.
3.
4.
E
5.
F
6.
G

---

结果正如所料。那么我做错了什么呢？

在包含

E

  <table border='1'>
    <tr>
        <td rowspan='6'>A<br/>A<br/>A<br/>A<br/>A<br>A</td>
        <td rowspan='6'>B<br/>B<br/>B<br/>B<br/>B<br>B</td>
        <td rowspan='4'>C<br/>C<br/>C<br/>C</td>
        <td rowspan='3'>D<br/>D<br/>D</td>
    </tr>
    <tr></tr>
    <tr></tr>
    <tr>
        <td>E</td>
    </tr>
    <tr>
        <td>F</td>
    </tr>
    <tr>
        <td>G</td>
    </tr>
</table>

A
A
A
A
A
A
A
B
B
B
B
B
B
B
C
C
C
C
D
D
D
E
F
G

首先，要激活6行span，您需要6个非空行，就像这样

A
A
A
A
A
A
A
B
B
B
B
B
B
B
C
C
C
C
D
D
D
E
F
G

感谢您敏锐的观察。我理解“rowspan”用于将单元格扩展到后续行中，这是不正确的。“这在我使用它的过程中应该是显而易见的。”贾米巴克感谢你敏锐的观察。你是不正确的，因为我知道“rowspan”用于将单元格扩展到后续行。我确实在HTML5和CSS中签入了Dummies、HTML、CSS和Javascript Web发布、HTML&；CSS设计和构建网站，以CSS和XHTML现代指南和参考开始HTML，掌握HTML，以及在stackoverflow打扰您之前的大量web搜索。没有人将tr>/tr>显示为修复。我的观点是，当您最多有4行时，您的行跨度为6，如果您理解rowspan/colspan，我认为这是显而易见的。显然不是，我的错。

<table border='1'>
  <tr>
    <td rowspan='6'>A<br/>A<br/>A<br/>A<br/>A<br>A</td>
    <td rowspan='6'>B<br/>B<br/>B<br/>B<br/>B<br>B</td>
    <td rowspan='4'>C<br/>C<br/>C<br/>C</td>
    <td rowspan='3'>D<br/>D<br/>D</td>
  </tr>
  <tr></tr>
  <tr></tr>
  <tr>
    <td>E</td>
  </tr>
  <tr>
    <td>F</td>
  </tr>
  <tr>
    <td>G</td>
  </tr>
</table>