76表格的简介

最新推荐文章于 2024-09-04 15:08:21 发布

广东码农

最新推荐文章于 2024-09-04 15:08:21 发布

阅读量51

点赞数

分类专栏： html+css 文章标签： html

本文链接：https://blog.csdn.net/quanxiaobai_/article/details/117989154

版权

html+css 专栏收录该内容

82 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="ch">
<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>表格的简介</title>
    
</head>
<body>
    <!-- 

        在现实生活中，我们经常需要使用表格来表示一些格式化数据:
            课程表、人名单、成绩单....
        
        同样在网页中我们也需要使用表格，我们通过table标签来创建一个表格

     -->
    <table border="1" width="50%" align="center">
        <!-- 在table中使用tr表示表格中的一行，有几个tr就有几行 -->
        <tr>
            <!-- 在tr中使用td表示一个单元格，有几个td就有几个单元格 -->
            <td>A1</td>
            <td>B1</td>
            <td>C1</td>
            <td>D1</td>
        </tr>
        <tr>
            <td>A2</td>
            <td>B2</td>
            <td>C2</td>
            <!-- rowspan="2"表示纵向合并2行 -->
            <td rowspan="2">D2</td>
        </tr>
        <tr>
            <td>A3</td>
            <td>B3</td>
            <td>C3</td>
        </tr>
        <tr>
            <td>A4</td>
            <td>B4</td>
            <!-- rowspan="2"表示横向合并2列 -->
            <td colspan="2">C4</td>
        </tr>
    </table>
</body>
</html>