15表格(不完全)

最新推荐文章于 2024-09-16 06:30:00 发布

雪花酥01

最新推荐文章于 2024-09-16 06:30:00 发布

阅读量78

点赞数 1

分类专栏：大前端 # html 文章标签：前端 html css

本文链接：https://blog.csdn.net/shuozai1204/article/details/141020629

版权

大前端同时被 2 个专栏收录

164 篇文章 0 订阅

订阅专栏

html

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<!--
    table：表格
    标签嵌套顺序 table > tr > th/td

    caption: 表格的标题

    表格是哪个划分区域(在开发中可以省略)：
        thead: 表格的表头
        tbody:表格的正文
        tfoot:表格的页脚

    tr:表格的行
    th:表格的表头(有文字加粗且居中的效果)
    td：单元格

    表格的属性样式：
        border:表格的边框
        width:表格的宽度
        align:表格的对齐方式
 -->
<table style="background-color:pink">
    <caption>2308</caption>
    <!-- 表头 -->
    <thead>
    <!-- 一个tr代表一行 -->
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    </thead>
    <!-- 正文 -->
    <tbody>
    <tr>
        <td>1</td>
        <td>xqa</td>
        <td>男</td>
        <td>23</td>
    </tr>
    <tr>
        <td>2</td>
        <td>zll</td>
        <td>女</td>
        <td>20</td>
    </tr>
    <tr>
        <td>3</td>
        <td>mxl</td>
        <td>男</td>
        <td>22</td>
    </tr>
    </tbody>
    <!-- 页脚 -->
    <tfoot>
    <tr>
        <td>4</td>
        <td>zjk</td>
        <td>男</td>
        <td>22</td>
    </tr>
    </tfoot>
</table>
</body>
</html>