- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
第9章 框架
通过使用框架,用户可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档成为一个框架,并且每个框架都独立于其他的框架。本章就来详细介绍有关框架的内容。
9.1 框架的概述
框架是指将一个页面分成几个部分,每个部分再使用一个页面,最后组合形成的结构。框架把页面分成几个部分,有利于网站进行编辑。下面给出一个框架的整体示意图,如图9.1所示。
9.1.1 框架的构成
框架就像表格一样,需要用多个标签来完成基本架构。通过frameset标签和frame标签进行定义,定义语法规则如下:
9.1.1 框架的构成
常见的框架有上中下结构、上左右结构等,下面给出几个常见的框架示意图,如图9.2、图9.3所示。
9.1.2 自定义框架
自定义框架是指设计者根据自己的实际情况,自行定义框架。通过frameset标签中的rows和cols两个属性进行定义。定义语法规则如下所示:
9.1.3 noframes标签
由于浏览器的不同,对于框架的支持也不同。这时,我们需要添加一个noframe标签。noframe标签是用来定义当浏览器不支持框架时,可以跳转显示noframe标签里的内容。noframe标签中需要嵌套body标签,定义语法如下所示:
9.2 框架集(frameset)
框架集是指集合页面的子框架放在一起。通过frameset标签进行定义,并且可以使用frameset标签中的属性,对框架进行布局,修饰框架的总体效果。
9.2.1 分割左右窗口
分割左右窗口是指在框架集frameset标签里水平方向分割几个子框架。分割出的几个子框架是由cols属性来定义,定义语法形式如下所示:
几种常用的定义cols属性的方法与效果图。
使用百分数设置cols:
使用像素设置cols:
使用剩余值*号设置cols:
几种常用的定义cols属性的方法与效果图。
使用剩余值*号设置cols:
将100像素以外的窗口平均分配:
将窗口分为150像素,100像素,自由扩展:
9.2.2 分割上下窗口
分割上下窗口是指在框架集frameset标签里垂直方向分割几个子框架。分割出的几个子框架是由rows属性来定义,定义语法形式如下所示:
9.2.3 CSS中的框架设置
在CSS中,我们也可以通过各种属性使框架更加的美观、亮丽,下面我们就给出一个具体的示例来演示框架的设置。
9.3 子框架(frame)
子框架是指被嵌套在框架集中的框架。有时我们也这么理解,框架集是一个结构,子框架是结构里的主体,框架网页显示的内容都是子框架的链接页面提供的。
9.3.1 调节框架
调节是指子框架与子框架之间可以利用边框进行拉大拉小,通过noresize属性可以定义边框的不可调节状态。由于调节的是子框架,所以noresize属性要放在子框架中使用。定义语法形式如下所示:
9.3.2 窗口嵌套
一个页面不止可以出现一个框架集,在框架集中,还可以再有框架集。窗口的嵌套是指在框架集中嵌套框架集。由于一个框架集只能规定一种分割形式(水平或垂直),所以如果想在网页中同时出现水平分割和垂直分割,需要定义窗口的嵌套,定义语法如下所示:
9.3.3 窗口的名称和链接
框架页面要进行超链接,就需要对子框架命名,再做链接。下面分别给出name属性和target属性的定义语法,框架集语法形式如下所示:
链接页面语法形式如下所示:
9.4 框架外观
框架的外观也可以通过某些属性进行修改,使框架的外观更加美观。下面我们就来详细介绍如何定义框架的外观。
9.4.1 边框粗细(border)
边框粗细是用来设置frameset标签里子框架与子框架之间的边框。通过border属性设置,放在frameset标签中,定义语法如下所示:
9.4.2 边框颜色
边框颜色是用来设置frameset标签中子框架与子框架的边框颜色。用过bordercolor属性在frameset标签中,但bordercolor属性要在border属性存在的时候才可以产生效果,定义语法形式如下所示:
9.4.3 边框的显示
边框的显示设置是指是否显示子框架与子框架之间的边框。通过frameborder属性设置,定义语法形式如下:
9.4.4 空白距离
空白距离是指子框架与子框架之间的空白距离。通过framespacing属性来设置,定义语法形式如下所示:
9.5 浮动框架
浮动框架要比普通框架灵活的多,它可以像层一样在网页中放置,本节就来详细介绍有关浮动框架的知识。
9.5.1 浮动窗口(iframe)
浮动窗口是指在页面里嵌入的另一页面窗口,通过iframe标签进行设置,放在body标签中。iframe标签最常见的一种用法是网上注册页面插入用户协议。定义语法形式如下所示:
9.5.2 透
原创力文档


文档评论(0)