• HTML5——6 table标签


    table 标签是HTML的表格标签,可以设置横行竖列的表格。

    涉及的主要标签有 tr td th rowspan colspan

    tr为表格设置行数

    td 为表格设置列数

    th可以设置表格头部,自动居中且字体加粗

    rowspan="n"和colspan="n" 则自动合并行、列的n个表格

    注意:合并后将多余的tr、td删除

    还有thead tbody tfoot 这三种主要是为设置样式简单将表格分组了。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>table表格</title>
    </head>
    <body>
    <table>
    <tr>
    <!-- 合并3行 -->
    <td rowspan="3">第一行第一列</td>
    <td>第一行第二列</td>
    <td>第一行第三列</td>
    </tr>
    <tr>
    <!-- 将合并行去掉-->
    <!-- <td>第二行第一列</td> -->
    <td>第二行第一列</td>
    <td>第二行第一列</td>
    </tr>
    <tr>
    <!-- 将合并行去掉-->
    <!--<td>第三行第一列</td> -->
    <td>第三行第二列</td>
    <td>第三行第三列</td>
    </tr>
    <tr>
    <!-- 合并列-->
    <td>第四行第一列</td>
    <td rowspan="2">第四行第二列</td>
    <!--<td>第四行第三列</td>-->
    </tr>
    </table>
    </body>
    </html>

  • 相关阅读:
    162. Find Peak Element
    475. Heaters
    字符串统计
    数据的交换输出
    偶数求和
    青年歌手大奖赛_评委会打分
    蟠桃记
    素数判定
    多项式求和
    出现Presentation Error的解决方法
  • 原文地址:https://www.cnblogs.com/haoyp/p/7063935.html
Copyright © 2020-2023  润新知