[HTML跨多行跨多列的表格.docVIP

HTML跨多行跨多列的表格上节所示的表格比较简单，如果我要插入一张图片，并且要占4个单元的空间，那怎么办？这就要用到跨多行跨多列的表格，本节就开始讲解如何实现把多个单元格合并成一个单元格。 网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。 一、什么是跨多行跨多列的表格 有时可能要将多行或多列合并成一个单元格，即可以创建跨多列的行，或创建跨多行的列。colspan属性用于创建跨多列的单元格，rowspan属性用于创建跨多行的单元格。要实现如图1所示的跨多行跨多列表格，怎么办？不急，我们先来看看跨多列的表格是如何实现的。 图1 ?跨多行跨多列的表格? 二、跨多列的表格 跨多列的表格是单元格在水平方向上跨多列。 语法: 创建跨多列的表格基本语法： TABLE? TR???????? TD colspan=所跨列数单元格内容/TD? /TR/TABLE 下面通过示例1来说明colspan这一属性的用法。 示例1: HTMLHEADTITLE跨多列的表格/TITLE/HEADBODYTABLE border=2? TR??? TD colspan=3学生成绩表/TD ??? !--设置单元格水平跨3列，3是单元格所跨列数，而不是像素数--? /TR? TR