html 表格标签

关注

原创最新推荐文章于 2026-04-02 09:34:20 发布 119 阅读 AI 写同款· GEO 优化 ›

HTML基础——表格标签在过去表格标签用的非常多，绝大多数的网站都是表格标签来制作的，也就是说表格标签是一个时代的代表。 1.什么是表格标签？表格标签的作用：用来给一堆数据添加表格语义。其实表格是一种数据的展现形式，当数据量非常大的时候，表格这种展现形式被认为是最为清晰的一种展现形式。 2.表格标签的格式： <table> <tr> <td>需要显示的内容</td> </tr>... 阅读详情

基本表格

<!--
    表格table
    行  tr
    列  td
    边框宽度 border=""
-->

<!-- 如下所示，2行4列-->
<table border="1px">
    <tr>
        <td>1-1</td>
        <td>1-2</td>
        <td>1-3</td>
        <td>1-4</td>
    </tr>
    <tr>
        <td>2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
</table>

单元格跨列

<!-- colspan="4" 跨四列-->
<table border="1px">
    <tr>
        <td colspan="4">1-1</td>
    </tr>
    <tr>
        <td>2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
</table>

单元格跨行

<!-- rowspan="2" 跨两行-->
<table border="1px">
    <tr>
        <td rowspan="2">1-1</td>
        <td>1-2</td>
        <td>1-3</td>
        <td>1-4</td>
    </tr>
    <tr>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
</table>