收藏 分享(赏)

十天学会HTML之【第4天】表格跨行,跨列,分组,嵌套.doc

上传人:czsj190 文档编号:4565230 上传时间:2019-01-02 格式:DOC 页数:3 大小:109KB
下载 相关 举报
十天学会HTML之【第4天】表格跨行,跨列,分组,嵌套.doc_第1页
第1页 / 共3页
十天学会HTML之【第4天】表格跨行,跨列,分组,嵌套.doc_第2页
第2页 / 共3页
十天学会HTML之【第4天】表格跨行,跨列,分组,嵌套.doc_第3页
第3页 / 共3页
亲,该文档总共3页,全部预览完了,如果喜欢就下载吧!
资源描述

1、【第 4 天】表格跨行, 跨列,分组 ,嵌套学习目的:可以利用设置表格的属性来实现横向和竖向的合并单元格的操作,并可以对表格进行行分组和列分组,可以利用表格的嵌套解决一些具体的问题。表格的跨行:表格的跨行效果类似于 Excel 中的竖向合并单元格的效果,例如下面的表格效果就需要用到跨行的功能来实现:表格的跨行效果是通过设置它的 rowspan 属性来实现的,该属性表明了需要跨的行数,其默认值为 1。例:清洁表星期一星期二星期三星期四星期五刘亦菲张学友李白岳飞周杰伦注释:上例中的清洁表,其 rowspan 被设为“3” ,这表示该单元格必须跨越三行(本身一行,加上另外两行) 。表格的跨列:表格的

2、跨列效果类似于 Excel 中的横向合并单元格的效果,例如下面的表格效果就需要用到跨列的功能来实现:表格的跨行效果是通过设置它的 colspan 属性来实现的,该属性表明了需要跨的行数,其默认值为 1。例:清洁表星期一星期二星期三星期四星期五刘亦菲张学友李白岳飞周杰伦注释:上例中的清洁表,其 colspan 被设为“5” ,这表示该单元格必须跨越 5 列(自身一列不算) 。感觉有些迷糊?这确实比较复杂,而且容易出错。因此,在进行 HTML 编码之前,你最好先在纸上把表格设计好。明白了?那么你就自己试着用 colspan 和 rowspan 来创建几个表格吧。表格的行分组:HTML 文档的表格的

3、行分组是由表头标签,表格主体标签,和尾注标签三个部分组成的,其中三个标签全部都是成对标签,其标签的属性 和、 标签是相同的。注意:一般不管是表头,主体,还是尾注,所包含的内容都应该是一整行或多行,而且必须设置表格的rules 属性为 groups 来和行分组配合使用才会起效果。表格的列分组:HTML 文档的表格的行分组是通过 colgroup 标签来设置的,通过此元素,您可以对列进行组合以便进行格式化,此元素只有设置在表格标签的内部才是合法的,而且习惯上将该标签放在表格开始标签和第一行的行标签之间。colgroup 标签的 span 属性用来设置列分组横跨的列数。表格的标题标签 caption:标签为表格的标题标签,表格标题的位置可由标签的 align 和 valign 属性来设置,align 属性用来设置表格标题的水平位置,取值为左 (left)、中(center) 、右(right),vlign 属性用来设置表格标题的垂直位置,取值为上(top)、下(bottom)。基本语法:北京上面的标签设置了表格的标题为“北京”, 并且向左下角对齐,习惯上将该标签放在表格开始标签和第一行的行标签之间表格的嵌套:表格的嵌套即表格中放置表格,内层表格必须放在上层表格的单元格标签中。例如上面的清洁表也可以步设置表格的跨行跨列,可以通过表格嵌套来实现。(本章完)

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 实用文档 > 统计图表

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报