如何使用 rowspan 和 colspan 在 html 中设计这种类型的表结构

Question

这是我的 html 表的代码，我希望使用 rowspan 和 colspan 在下面的链接中提到该表。

    <table style="width: 90%;margin-left:auto; margin-right:auto;">
        <tr style="text-align: center">
            <td rowspan="2">HSN/SAC</td>            
            <td rowspan="2">Taxable Value</td>  
            <td colspan="2">Central Tax</td>
            <td colspan="2">State Tax</td>
            <td rowspan="2">Total <br> Tax Amount</td>
            
        </tr>
        <tr style="text-align: center">
            <td>Rate</td>
            <td>Amount</td>
            <td>Rate</td>
            <td>Amount</td>
        </tr>
        <tr style="text-align: center">
            <td>123456</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td style="text-align: right">Total</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>       
        </tr>
            <tr>
                <td colspan="7" style="height:100px">
                <tr>
                    <td></td>
                </tr>
                </td>
            </tr>
        </table>

我希望使用rowspan和colspan在下面的链接中提到表格。 谢谢

这是图片链接

Answer 1

<table border="1px" style="width: 90margin-left:auto; margin-right:auto;">
    <tr style="text-align: center">
        <td rowspan="2">HSN/SAC</td>            
        <td rowspan="2">Taxable Value</td>  
        <td colspan="2">Central Tax</td>
        <td colspan="2">State Tax</td>
        <td rowspan="2">Total <br> Tax Amount</td>
        
    </tr>
    <tr style="text-align: center">
        <td>Rate</td>
        <td>Amount</td>
        <td>Rate</td>
        <td>Amount</td>
    </tr>
    <tr style="text-align: center">
        <td>123456</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td style="text-align: right">Total</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></>       
    </tr>
    <tr>
        <td style="height:30px;border-bottom:0px;" colspan="7"></td>
    </tr>
       <tr style="height:4px">
           <td colspan="3" style="border-top:0px; border-right:0px"></td>
           <td style="height:80px" colspan="4"></td>
       </tr>
     
    </table>

Answer 2

你可以试试这个

    <tr>
        <td style="height:40px;border-bottom:0px;" colspan="7">
        </td>
    </tr>
    <tr style="height:4px">
        <td colspan="3" style="border-top:0px; border-right:0px">
            Some Text
        </td>
        <td style="height:80px; text-align: center;" colspan="4">
            signature and stamps
        </td>
    </tr>