HTML基础（9.2 表格）

最新推荐文章于 2023-06-20 22:39:05 发布

__XYQ

最新推荐文章于 2023-06-20 22:39:05 发布

阅读量183

点赞数

分类专栏：前端基础知识文章标签： html

本文链接：https://blog.csdn.net/qq_41144008/article/details/78769398

版权

前端基础知识专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--这次介绍标准表格
上篇是随意的介绍，这里是标准的写法
thead表示表头，tbody表示表内容-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <thead>
    <tr>
        <th>表头1</th>
        <th>表头2</th>
        <th>表头3</th>
        <th>表头4</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td rowspan="2">1</td>
        <!--这里是让某个单元格纵向占两格
        不过要删除它占据那一格原来的，否则会挤出去-->
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>1</td>
        <td colspan="2">2</td>
        <!--这里是让某个单元格横向占两格-->
        <td>3</td>
    </tr>
    </tbody>
</table>
</body>
</html>

__XYQ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础（9.2 表格）

html>lang="en"> charset="UTF-8"> Titleborder="1"> 表头1 表头2 表头3 表头4
复制链接

扫一扫