HTML-表格

时间：2021-05-24 09:47:29 收藏：0 阅读：0

表格

表格简单通用、结构稳定所以使用很多

表格的基本结构

- 单元格
- 行
- 列
- 跨行
- 跨列

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--表格 table
行 tr rows
列 td
跨行 跨列都是在td中操作-->
<table border="1dx">
    <tr>
        <!--colspan 跨列-->
        <td>成绩</td>
        <td colspan="2">学科</td>
    </tr>
    <tr>
        <!--rowspan 跨行-->
        <td rowspan="2">小樱</td>
        <td>语文</td>
        <td>数学</td>
    </tr>
    <tr>
        <td>87</td>
        <td>78</td>
    </tr>
    <tr>
        <td rowspan="2">王小明</td>
        <td>语文</td>
        <td>数学</td>
    </tr>
    <tr>
        <td>92</td>
        <td>97</td>
    </tr>
</table>
?
</body>
</html>