HTML_表格标签和HTML_表格标签1

table：定义表格

　　width：宽度

　　 border：边框

　　 cellpadding：定义内容和单元格的间距

　　 cellspacing：定义单元格之间的举例，如果指定为0，则单元的线会合成一条

　　bgcolor：背景色

　　 align：对其方式

tr：定义hang

td：单元格

th：定单元格的标题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table border="1px" cellspacing="0px" cellpadding="0">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>成绩</th>
        </tr>
        <tr>
            <td>王五</td>
            <td>18</td>
            <td>60</td>
        </tr>

        <tr>
            <td>赵六</td>
            <td>19</td>
            <td>45</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>25</td>
            <td>90</td>
        </tr>
    </table>
</body>
</html>

HTML_表格标签1

<caption>：表格标题

<thread> ：表示表格的头部分

<tbody> ：表示表格的体部分

<tfoot> ：表示表格的脚部分

    <table border="1px" cellspacing="0px" cellpadding="0" align="center" width="50%">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>成绩</th>
        </tr>
        <tr bgcolor="#afeeee">
            <td>王五</td>
            <td>18</td>
            <td>60</td>
        </tr>

        <tr>
            <td>赵六</td>
            <td>19</td>
            <td>45</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>25</td>
            <td>90</td>
        </tr>
        <tfoot>
        <tr>
            <td>张三</td>
            <td>25</td>
            <td>90</td>
        </tr>
        </tfoot>
    </table>

    <br>
    <hr>

<table border="1px" cellspacing="0px" cellpadding="0" align="center" width="50%">
    <tr>
        <th rowspan="2">编号</th>
        <th>年龄</th>
        <th>成绩</th>
    </tr>

    <tr>
        <td>赵六</td>
        <td>19</td>
    </tr>
    <tr>
        <td>2</td>
        <td colspan="2">鹰四</td>
    </tr>
</table>

posted on 2022-08-01 13:35 淤泥不染阅读(21) 评论(0) 编辑收藏举报