当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

如何在HTML中合并单元格

教程管理员 发布于2023-10-02 14:30 HTML教程 181

简介: cuicuizi


如何在HTML中合并单元格


<!-- 
//这里我们只用了两个属性
//colspan  规定表头单元格可横跨的列数。
//rowspan  规定表头单元格可横跨的行数。

//实例 -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        <table border="1" cellspacing="0" cellpadding="0" width="350" height="80">
            <caption>&nbsp;</caption>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;/td>
                <td rowspan="2"><img src="img/1.15.png " width="20" height="40" ></td>
            <!--rowpan="?" 这里是跨越的行数-->
      </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;/td>
                
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3"></td>
                <!--colsoan="?" 这里是跨越的列数-->
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td colspan="3"></td>
            <!--colsoan="?" 这里是跨越的列数-->
            </tr>
            
        </table>
    </body>
</html>

琼ICP备09004296号-12