您现在的位置:首页 >> 前端 >> 内容

html单元格的合并代码教程

时间:2018/6/26 10:44:04 点击:

  核心提示:html单元格的合并代码教程!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title表格结构介绍/title/headbodytable width=5...

html单元格的合并代码教程

html单元格的合并代码教程

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>表格结构介绍</title>  
</head>  
<body>  
<table width="500" height="400" border="1" cellspacing="0">  
    <thead>  
    <td>jasjlgjs</td>  
    <td>jasjlgjs</td>  
    <td>jasjlgjs</td>  
    </thead>  
    <tbody>  
    <td>sjldkgj</td>  
    <td>sjldkgj</td>  
    <td>sjldkgj</td>  
    </tbody>  
    <tfoot>  
    <td>sljgdlsja</td>  
    <td>sljgdlsja</td>  
    <td>sljgdlsja</td>  
    </tfoot>  
</table>  
<!--单元格的合并-->  
<table bgcolor="#7fffd4" width="500" height="400" border="1" cellspacing="0">  
    <tr>  
        <td colspan="2"></td>  
        <td></td>  
        <td></td>  
    </tr>  
    <tr>  
        <td></td>  
        <td></td>  
        <td></td>  
        <td></td>  
    </tr>  
    <tr>  
        <td></td>  
        <td rowspan="2"></td>  
        <td></td>  
        <td rowspan="2"></td>  
    </tr>  
    <tr>  
        <td></td>  
        <!--<td></td>-->  
        <td></td>  
        <!--<td></td>-->  
    </tr>  
</table>  
</body>  
</html>  

Tags:HT TM ML L单 
作者:网络 来源:wangwo1991