HTML 5 详解之表格标签

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

<!--
table 标签:
表头 th 居中粗体
行 tr    rows
列 td    cols
跨行 rowspan
跨列 colspan
-->
<table border="1px;">
    <tr>
        <!--单元格跨列-->
        <th colspan="3">学生成绩</th>
    </tr>
    <tr>
        <!--单元格跨行-->
        <td rowspan="3">狂神</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr>
        <td>英语</td>
        <td>100</td>
    </tr>
    <tr>
        <!--单元格跨行-->
        <td rowspan="3">秦疆</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr>
        <td>英语</td>
        <td>100</td>
    </tr>
</table>

</body>
</html>

 

posted @ 2021-02-03 16:18  无明之辈  阅读(104)  评论(0编辑  收藏  举报