html 表格标签

最新推荐文章于 2025-03-09 20:08:49 发布

原创最新推荐文章于 2025-03-09 20:08:49 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #html5

html 专栏收录该内容

10 篇文章

订阅专栏

基本表格

<!--
    表格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>