36-表格总结

最新推荐文章于 2024-03-12 13:18:47 发布

琪毅

最新推荐文章于 2024-03-12 13:18:47 发布

阅读量173

点赞数

文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_45683698/article/details/121364463

版权

1.7表格总结

表格学习整体可以分为三大部分：
1.表格的相关标签
2.表格的相关属性
3.合并单元格

1.表格的相关标签

我们学习了 table标签
tr 行标签
td 单元格标签
th 表头单元格标签
thead 表格头部区域标签
tbody 表格主体区域标签

在这里插入图片描述

2.表格的相关属性

在这里插入图片描述

3.合并单元格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table width="500" height = "249" border="1" cellspacing = "0">
        <tr>
            <td></td>
            <td colspan="2"></td>
        </tr>

        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
        </tr>

        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>

</body>
</html>