轻松学HTML+CSS之框架.pptVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 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)

AnDyqaz + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档