- 119
- 0
- 约2.64千字
- 约 6页
- 2017-01-28 发布于北京
- 举报
(HTML跨多行跨多列的表格
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
原创力文档

文档评论(0)