欢迎来到天天文库
浏览记录
ID：35533239
大小：48.50 KB
页数：6页
时间：2019-03-25
《[复习]html跨多行跨多列的表格》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、HTML跨多行跨多列的表格上节所示的表格比较简单，如果我要插入一张图片，并口要占4个单元的空间,那怎么办？这就要用到跨多行跨多列的表格，本节就开始讲解如何实现把多个单元格合并成一个单元格。本节单词记忆：属性1.cospan2.rowspan网页学习网提示:html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。一、什么是跨多行跨多列的表格冇时可能要将多行或多列合并成一个单元格，即可以创建跨多列的行，或创建跨多行的列。colspan屈性用丁•创建跨多列的单元格，rowspan屈性用丁
2、创建跨多行的单元格。要实现如图1所示的跨多行跨多列表格，怎么办？不急，我们先来看看跨多列的表格是如何实现的。/OX5E&帑列忑UU-WindowsInternetExplorer陆讪雄遥那如码二］耳x石WANGYEXX.COM'文件⑹轴(E)査看(V)收肚夹®TAO)篇2疔的对询应代码G躍寥行刃像勒rwspan-*?*^内客<7D，总2歹啲疔用应代吗VEcolspan-l^内^
3、列数〃〉单元格内容
4、DY>这里，将第一行单元格在水平方向上所跨的列数设为3,因为表格共包描3列，所以第一行只有一个单元格，运行效果如图2所示。跨多列表格已经实现了，下面我们想想如何实现跨多行的表格？收磁砂建育M袁格图2跨多列的表格三、跨多行的表格单元格除了可以在水平方向上跨列，还可以在垂直方向上跨行，跨多行的表格是单元格在垂真方向上跨多行。WANGYEXX.COM语法：创建跨多行的表格基本语法：
5、
6、大I此在接下來的两行都只有2个单元格，运行效果如图3所示。昭面揄；酬血聃hMh凶曲躺£©C掛行表48■Win
7、dowsInter辭行複格食物［鸡蛋早餐菜谱
8、饮料
9、牛奶胡点图3跨多行的衣格四、如何创建跨多行跨多列的表格创建了跨多列的表格，也创建了跨多行的表格，但是在有些情况下要在一张表中既冇跨多行又冇跨多列的单元格，那将如何实现？这要说简单真的很简单，说难还真的不容易，下面我们就以示例3和示例4来说明如何创建跨多行跨多列的表格。示例3:
10、>
11、至P谍程刖刚加丫已>ANGJEXX7tOM收忿无
12、肾多行多
13、列應林L1手机充值、IP卡办公设备、文
此文档下载收益归作者所有
![[复习]html跨多行跨多列的表格_第1页](https://f25.wenku365.com/file-convert/2021/07/06/01/27/4642838e310f7c49ae86b808d826e686/img/1.jpg)
![[复习]html跨多行跨多列的表格_第2页](https://f25.wenku365.com/file-convert/2021/07/06/01/27/4642838e310f7c49ae86b808d826e686/img/2.jpg)
![[复习]html跨多行跨多列的表格_第3页](https://f25.wenku365.com/file-convert/2021/07/06/01/27/4642838e310f7c49ae86b808d826e686/img/3.jpg)
![[复习]html跨多行跨多列的表格_第4页](https://f25.wenku365.com/file-convert/2021/07/06/01/27/4642838e310f7c49ae86b808d826e686/img/4.jpg)
![[复习]html跨多行跨多列的表格_第5页](https://f25.wenku365.com/file-convert/2021/07/06/01/27/4642838e310f7c49ae86b808d826e686/img/5.jpg)
