位置:电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > 跨行或跨列的表格单元格
阅读(22555525)      收藏       赞(5685)      分享
上一篇: HTML 表格表头 下一篇: 表格内的标签

示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 表格 table标签</title>
</head>
<body>
<table width="100%" border="1">
    <tr>
             <th>第1列</th>
             <th>第2列</th>
             <th>第3列</th>
             <th>第4列</th>
     </tr>   
    <tr>
      <td colspan="2">1-1(1-2)</td>
       <td>1-3</td>
       <td rowspan="2">1-4(2-4)</td>
    </tr>
    <tr>
      <td>2-1</td>
      <td>2-2</td>
        <td>2-3</td>
       
    </tr>
    <tr>
      <td>1-1</td>
      <td>1-2</td>
       <td rowspan="2">1-32-3</td>
       <td>1-4</td>
    </tr>
    <tr>
      <td colspan="2">2-12-2</td>
      <td>2-4</td>
    </tr>    
</table>
</body>
</html>

效果如图3-7


image.png

上一篇: HTML 表格表头 下一篇: 表格内的标签
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)