HTML（2）1.表格标签

最新推荐文章于 2022-10-23 13:46:23 发布

九日王奇

最新推荐文章于 2022-10-23 13:46:23 发布

阅读量73

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/jiuriwangqi/article/details/115474486

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.表格标签

1.1相关标签

<table>
        <thead>
            <tr>
                <th>排名</th>
                <th>guanjianci</th>
                <th>趋势</th>
                <th>今日</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td>5</td>
                <td>1165</td>
            </tr>
            <tr>
                <td>2</td>
                <td>蝴蝶谷</td>
                <td>9</td>
                <td>11485</td>
            </tr>

        </tbody>
    </table>

在这里插入图片描述

相关属性

align(对齐方式）
cellpadding(文字据边框距离）
cellspacing（单元格之间的距离）

<table align="center" cellpadding="5" cellspacing="10">
        <thead>
            <tr>
                <th>排名</th>
                <th>guanjianci</th>
                <th>趋势</th>
                <th>今日</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td>5</td>
                <td>1165</td>
            </tr>
            <tr>
                <td>2</td>
                <td>蝴蝶谷</td>
                <td>9</td>
                <td>11485</td>
            </tr>

        </tbody>

在这里插入图片描述

合并单元格

rospan（跨行）
colspan（跨列）
一看（看跨行还是跨列）二写（把代码写进去）三删（删掉多余部分）

  <table>
        <thead>
            <tr>
                <th>排名</th>
                <th>guanjianci</th>
                <th rowspan="2">趋势</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td colspan="2">5</td>
                <td>1165</td>
            </tr>
            <tr>
                <td>2</td>
                <td>蝴蝶谷</td>

                <td>11485</td>
            </tr>

        </tbody>
    </table>