html表格标签

table 标签

table标签用于定义一个表格。

常用属性： width：宽度；height： 高度

border：边框线（不要加单位 直接写数值）

cellspacing：单元格之间的空间

align：控制表格水平居中方式

rules： 值为all，将全部内侧的边框隐藏掉

table标签下一般会跟着caption标签，用于说明表格标题

thead 标签

用于定义表格的头部，包含 <tr>（行）和 <th>（表头单元格）。

tr 标签

用于定义表格中的一行。

th 标签

用于定义表头单元格，通常用于 <thead> 中，但也可以用于 <tbody> 或 <tfoot>。

它有自己默认的样式，文本自动加粗且居中。

tbody 标签

用于定义表格的主体，包含 <tr>（行）和 <td>（单元格）。

td 标签

用于定义表格中的单元格，用于 <tbody> 中，但也可以用于 <thead> 或 <tfoot>。

tfoot标签

用于定义表格的脚部，通常包含汇总或相关注释。

例子

以下是一个示例：

<table width="200px" border="1" cellspacing="0" align="center" rules="all">
    <caption>标题</caption>
    <thead>
        <tr height="30px">
            <th>姓名</th>
            <th>性别</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>张三</td>
            <td>男</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>男</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>共计:</td>
            <td>两人</td>
        </tr>
    </tfoot>
</table>

在浏览器页面展示的效果如下：