表格

发布时间 2023-11-07 22:31:16作者: 锣鼓喧天

一、标准表格

 

 

 

二、表格头部 thead

 

 

tr:表示行 table row 

th:表示表头单元格  table head 

 

 

 

三、表格主体 tbody

tr:表示行 table row 

td:表示普通单元格  table date

 

 

 

 三、表格脚注 tfoot

tr:表示行 table row 

td:表示普通单元格  table date的意思 与tbody用的一样

 

四、代码

<body>
    <table border="1">
        <!-- 标题 -->
        <caption> <b>学生信息</b></caption>

        <!-- 头部 -->
        <thead>
            <!-- 一行tr里面有很多单元格th -->
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>民族</th>
                <th>政治面貌</th>
   
            </tr>
        </thead>

        <!-- 主体 -->
        <tbody>
            <tr>
                <td>张三</td>
                <td>男</td>
                <td>18</td>
                <td>汉族</td>
                <td>团员</td>
            </tr>

            <tr>
                <td>李四</td>
                <td>女</td>
                <td>18</td>
                <td>汉族</td>
                <td>团员</td>
            </tr>

            <tr>
                <td>王五</td>
                <td>男</td>
                <td>18</td>
                <td>汉族</td>
                <td>团员</td>
            </tr>
        </tbody>

        <!--脚注  -->
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td>总计三人</td>
            </tr>
        </tfoot>

    </table>
</body>