学习日志—HTML表格

最新推荐文章于 2024-07-25 11:52:08 发布

Lpz-蓝胖子

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量258

点赞数

分类专栏： HTML 学习日志文章标签： html

本文链接：https://blog.csdn.net/m379373142/article/details/105401556

版权

1 基本语法

<table> 表格

<tr> 行

<td> 单元格

基本结构语法如下：
<table>
    <tr>
        <td>...</td>
        ......
        <td>...</td>
    </tr>
    <tr>
        <td>...</td>
        ......
        <td>...</td>
    </tr>
</table>

2 表格的表头和标题

<th>...</th> 表格头标签，内容居中、加粗显示

<caption>...</caption> 表格标题，居中显示

3 表格结构

表格分三部分组成：表头、主体、脚注

thead：表格的头（放表格的表头）
hbody：表格的主题（放数据本体）
tfoot：表格的脚（放表格的脚注）

其语法如下：

<table>
    <caption>...</caption>    <!-- 表格标题 -->
    <thead>                   <!-- 表格头部 -->
        <tr>
            <td>...</td>
            ......
            <td>...</td>
        </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>