6_表格标签 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签学习</title>
</head>
<body>


<!--表格table
行   tr
列   td

-->


<table border="1px" >
    <tr>
        <!--colspan 跨列-->
        <td colspan="3">学生成绩</td>
    </tr>
    <tr>
        <!--rowspan  跨行-->
        <td rowspan="2">小明</td>
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr> <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <!--rowspan  跨行-->
        <td rowspan="2">小红</td>
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr> <td>语文</td>
        <td>100</td>
    </tr>

</table>

</body>
</html>

结果展示

 

posted @ 2022-08-05 17:31  tuyin  阅读(30)  评论(0)    收藏  举报