HTML07：表格标签

莓有烦恼

于 2025-05-06 17:28:46 发布

阅读量616

点赞数 10

文章标签： html5

本文链接：https://blog.csdn.net/2301_77129712/article/details/147743965

版权

表格

基本结构
- 单元格
- 行
- 列
- 跨行
- 跨列

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格学习</title>
    <style>
        td {
            text-align: center;
            vertical-align: middle;
        }
    </style>
</head>
<body>
<!--表格table
行 tr rows
列 td

-->
<table border="1" cellspacing="0">
    <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>
        <td rowspan="2">李四</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>

</table>
</body>
</html>