HTML中的table表格标签

HTML中的table表格标签

table：表格标签；包括“thead”，“tbody”两个部分。

thead标签：表示表格头部，里面包含“tr”行标签，“tr”里面包含“th”列标签。

tbody标签：表示表格内容部分，其中包括“tr”行标签，“tr”里面的“td”列标签。

td，th标签共同的属性：“colspan”合并列，“rowspan”合并行。

<table border="1px" cellspacing="0"><!--border:表示边框1像素 ，cellspacing="0"表示表格之间的距离为0>-->
    <thead><!--代表表头-->
        <tr><!--行-->
            <!--colspan:合并列，删除多余列-->
            <th colspan="2">工作表</th><!--表头里面的列-->
        </tr>
    </thead>
    <tbody><!--表内容-->
        <tr>
            <!--rowspan：合并行，删除多余行-->
            <td rowspan="2">111</td><!--表内容里面的列-->
            <td>222</td>
        </tr>
        <tr>
            <td>222</td>
        </tr>
    </tbody>
</table>

加上cellspacing运行结果显示图：

没加上cellspacing运行结果显示图：

掌握以上的基础就可以编辑出以下的表格：

需要最后表格的文件可以到我的资源里面下载哦~我的主页