body内标签之table标签

1、table标签按规范来写,应该有表头与表内容

格式如下:

  <table border="1">
        <thead>
            <tr>
                <th>表头</th>
            </tr>
        </thead>
        <tbody>
         <tr>
                <td>表内容</td>
            </tr>
        </tbody>
    </table>

如下为一个表格实例,colspan="2"是将表格第一行第二列、第三列横向合并,这时第一行就要减去一个<td>;

rowspan="2"是将表格第二行第一列、第三行第一列竖向合并,这时第三列就要减去一个<td>

<table border="1">
        <thead>
            <tr>
                <th>表头1</th>
                <th>表头2</th>
                <th>表头3</th>
                <th>表头4</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td colspan="2">1</td>
                <td>1</td>
            </tr>
            <tr>
                <td rowspan="2">1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
        </tbody>
    </table>
</body>

执行结果如下:

原文地址:https://www.cnblogs.com/wuxiaoru/p/12330094.html