欢迎来到天天文库
浏览记录
ID：35229673
大小：196.00 KB
页数：6页
时间：2019-03-22
《跨多行跨多列的表格》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、HTML跨多行跨多列的表格上节所示的表格比较简单，如果我要插入一张图片，并且要占4个单元的空间，那怎么办？这就要用到跨多行跨多列的表格，本节就开始讲解如何实现把多个单元格合并成一个单元格。本节单词记忆：属性1.cospan2.rowspan网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。一、什么是跨多行跨多列的表格有时可能要将多行或多列合并成一个单元格，即可以创建跨多列的行，或创建跨多行的列。colspan属性用于创
2、建跨多列的单元格，rowspan属性用于创建跨多行的单元格。要实现如图1所示的跨多行跨多列表格，怎么办？不急，我们先来看看跨多列的表格是如何实现的。图1 跨多行跨多列的表格 二、跨多列的表格跨多列的表格是单元格在水平方向上跨多列。语法:创建跨多列的表格基本语法：
3、
4、所以第一行只有一个单元格，运行效果如图2所示。跨多列表格已经实现了，下面我们想想如何实现跨多行的表格？图2跨多列的表格三、跨多行的表格单元格除了可以在水平方向上跨列，还可以在垂直方向上跨行，跨多行的表格是单元格在垂直方向上跨多行。WANGYEXX.COM语法:创建跨多行的表格基本语法：
5、der="2">
6、效果如图3所示。图3跨多行的表格四、如何创建跨多行跨多列的表格创建了跨多列的表格，也创建了跨多行的表格，但是在有些情况下要在一张表中既有跨多行又有跨多列的单元格，那将如何实现？这要说简单真的很简单，说难还真的不容易，下面我们就以示例3和示例4来说明如何创建跨多行跨多列的表格。示例3:
7、>
8、性，即可实现跨多行跨多列的表格。图4跨多行多列表格1示例4:
此文档下载收益归作者所有
