站内搜索:
首页 >> 前端 >> 内容
html单元格的合并代码教程

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

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>  

  • 上一篇:基于swiper的仿微信图片预览功能代码实现教程
  • 下一篇:CSSdispaly属性的值和描述讲解
  • 返回顶部