Html 表 colspan / rowspan

Question

有人可以給我這個表的代碼嗎，我找不到解決方案

<div class="table">
        <h3>Table</h3>
        <table class="table1" border="5">
            <tr>
                <td colspan="2">1</td>
                <td colspan="2">1 red </td>
                <td rowspan="3">2 red </td>
            </tr>
            <tr>
                <td colspan="2">2</td>
                <td>2 red</td>
                <td>3 red</td>
            </tr>
            <tr>
                <td>Treci red</td>
                <td>Treci red</td>
                <td>Treci red</td>
                <td>Treci red</td>  
            </tr>

預期結果：

Answer 1

這是一個看起來像這樣的表格的示例。

 <table style="border-collapse: collapse; width: 100%;" border="1"> <colgroup> <col style="width: 20.0242%;"> <col style="width: 20.0242%;"> <col style="width: 20.0242%;"> <col style="width: 20.0242%;"> <col style="width: 19.9032%;"> </colgroup> <tbody> <tr> <td colspan="2" rowspan="3">&nbsp;</td> <td colspan="2">&nbsp;</td> <td rowspan="4">&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </tbody> </table>

如果您是初學者，或者 HTML 的新手，您可以使用所見即所得的編輯器輕松創建這樣的表格。 以 https://fiddle.tiny.cloud/為例。

我建議學習 HTML 並了解標記的工作原理。