table（表格）标签 


<body>
    <table>
        <tr>
            <caption>表格标题</caption>
            <td>单元格内容1</td>
            <td>单元格内容2</td>
            <td>单元格内容3</td>
        </tr>
        <tr>
            <td>这里是第二行第一个单元格</td>
            <td>tr是单元格的行</td>
            <td>td就是单元格的意思</td>
        </tr>
        <tr>
            <td>这里是第三行第一个单元格</td>
            <td colspan="2">合并单元格（行）2代表两行</td>
        </tr>
        <tr>
            <td rowspan="3">合并列3代表合并3列</td>
            <td>AAAAAAA</td>
        </tr>
        <tr>
            <td>AAA</td>
            <td>BBB</td>
        </tr>
        <tr>
            <td>CCC</td>
        </tr>
    </table>
</body>

 

要注意，这里表格有边框是因为加了CSS中的外边框

<style type="text/css">
        table,tr,td{
            border:1px solid silver;
        }
 </style>

 

posted @ 2022-04-17 10:25  魂梦纤  阅读(75)  评论(0)    收藏  举报