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