html5中的table元素

最新推荐文章于 2024-09-26 20:38:32 发布

第十七签

最新推荐文章于 2024-09-26 20:38:32 发布

阅读量2.9k

点赞数 1

分类专栏： HTML 文章标签： html5

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/u012868077/article/details/51526473

版权

HTML 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<html>
    <head>

        <title>Table</title>
    </head>
    <body>
        <!--table中的width定义了表格的宽度，border定义了表格的边框的宽度,cellpadding定义的是文字与表格边框的距离，定义15效果可以看得更清楚些
        cellspacing定义的是表格中的每个元素之间以及他们与表格边框之间的距离-->
        <table style="width:800px" border="1" cellpadding="15px" cellspacing="10px">
            <!--caption定义的是表格的标题-->
            <caption><h3><b>人员信息统计<b></h3></caption>
            <!--col可以定义单个列的属性信息，colgroup可以定义一个或多个列的属性-->
            <!--<col style="background-color:yellow"/>
            <col style="width:500px"/>-->
            <colgroup>
                <col style="background-color:green"/>
                <col style="width:300px;background-color:yellow" span="2"/>
            </colgroup>
            <!--thead表示表格的表头-->
            <thead >
                <tr><th>姓名</th><th>年龄</th><th>籍贯</th></tr>
            <thead>
            <tfoot>
                <!--colspan定义三列合并,另rowspan可定义行合并数， text-align定义内容在右侧显示-->
                <tr><td colspan="3" style="text-align:right">总人数：5人</td></tr>
            </tfoot>                
            <tbody style="text-align:center">
                <tr><td>张三</td><td>12</td><td>辽宁沈阳</td></tr>
                <tr><td>王五</td><td>22</td><td>河北邯郸</td></tr>
                <tr><td>李六</td><td>33</td><td>海南海口</td></tr>
                <tr><td>刘四</td><td>65</td><td>广东广州</td></tr>
                <tr><td>丁七</td><td>28</td><td>河南郑州</td></tr>
            </tbody>
        </table>
    </body>
<html>