- 1、本文档共35页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML网页设教程 第7章 框架
第7章 使用框架创建多页面布局 主要内容 7.1框架简介 框架技术可以将浏览器分割成多个小窗口,并且在每个小窗口中,可以显示不同的网页,这样我们就可以很方便的在浏览器中浏览不同的网页效果。 当浏览器分割成多个窗口后,各窗口就会扮演不同的角色,实现不同的功能。举例来说,有些论坛就是把浏览器分割成两个窗口,一个窗口主要来显示帖子的标题,而另一个窗口会显示具体的内容。这样的设计显然比起一个窗口的网页在浏览时方便得多,而且用户也可以任意的切换题目。。 框架的基本结构 框架的基本结构主要分为框架和框架集两个部分。它是利用<frame>标记与<frameset>标记来定义。其中<frame>标记用于定义框架,而<frameset>标记则用于定义框架集。 框架的基本结构 <html> <head> <title>框架的基本结构</title> </head> <frameset …> <frame …> </frame …> </frameset> </html> 7.2框架的设置 常见的对窗口的分割包括:水平分割、垂直分割和嵌套分割。具体采用哪种分割方式,取决于实际需要,可用<frameset>标记中的rows(水平分割)或cols(垂直分割)属性来进行分割。 窗口的水平分割 rows属性可定义一个水平分割的窗口框架。 窗口的水平分割 语法说明 rows属性的值代表各子窗口的高度,第一个子窗口高为高度1,第二个子窗口高为高度2,依此类推,而最后一个*,则代表最后一个子窗口的高度,值为其他子窗口高度分配后所剩余的高度。 设置高度数值的方式有两种: 采用整数设置,单位为像素(px),语法如下: <frameset rows="100,200,*"> 用百分比设置,语法如下: <frameset rows="20%,50%,*"> <!--程序7-1--> <html> <head> <title>采用整数设置窗口的水平分割</title> </head> <frameset rows="80,120,*"> <frame> <frame> <frame> </frameset> </html> 窗口的垂直分割 cols属性可定义一个垂直分割的窗口框架。 基本语法: 一个垂直分割的例子 窗口的嵌套分割 在实际应用中,“厂”字型框架使用极为广泛。“厂”字型的网页就是窗口中包含水平和垂直分割,如图所示,实现“厂”字型框架需要对窗口进行嵌套分割。 窗口的嵌套分割 框架的边框 在<frameset>标记中,可运用border属性控制分割窗口框架的边框。 基本语法: <frameset border="n"> 语法说明: n为整数,代表此窗口框架的宽度,单位为像素(px)。 框架的边框 框架的边框 框架的隐藏 frameborder属性用于控制窗口框架的周围是否显示框架,此属性可使用在<frameset>标记与<frame>标记中,如果使用在<frameset>标记内时,可控制窗口框架的所有子窗口,如果用在<frame>标记中,则只能控制该标记所代表的子窗口。 基本语法: <frameset frameborder="0"或"1">语法说明: "0"表示不显示边框,"1"表示显示边框,默认值为1。 7.3子窗口的设置 指定子窗口显示网页 定义子窗口名称 控制子窗口滚动条 调整子窗口的尺寸 设置子窗口的边距 指定子窗口显示网页 src属性是用来指定要导入到某个子窗口的HTML文件的位置,语法如下: 基本语法: <frame src="html文件的位置"> 语法说明: src属性的设置方法和前面介绍的<img>标记的src属性的用法是一样的,下面的<frame>标记,将设置子窗口显示名称为frame.html的网页。 <frame src="frame.html">。 指定子窗口显示网页 指定子窗口显示网页 定义子窗口名称 name属性用来指定窗口的名称,当完成子窗口的名称定义后,可指定超链接的链接目标显示到网页的某个子窗口。 基本语法: <frame name="子窗口名称"> 控制子窗口滚动条 scrolling属性用于控制窗口框架中是否显示滚动条,使用此属性,可以避免HTML文件因内容过多而无法完全显示。此属性用于<frame>标记中。 基本语法: <frame scrolling="yes或no或auto"> 语法说明: yes表示为显示滚动条,no表示不显示滚动条,auto为自动设置。 <!--程序7-8--> <html> <head> <title>控制框架滚动条</title> </head> <frameset rows="20%,70%,*"> <frame scrolli
您可能关注的文档
- 第11章 对函的进一步讨论.ppt
- 『各手机平台软安装方法』.doc
- PlusWel HA技术白皮书.doc
- 第2讲HTML记详解.ppt
- step7编程例.ppt
- 电脑及打印机的护保养及常见的小故障的维修.ppt
- 单元06 主从数据维护.ppt
- 数据库样题和答.doc
- T-SQL 基和存储过程.ppt
- 013计算机基知识和技能.ppt
- 山东省临沂市沂水县2023-2024学年高一下学期期中考试历史试题.docx
- 江苏省泰州市靖江高级中学2023-2024学年高二下学期4月期中考试物理试题(无答案).docx
- 新疆部分名校2023-2024学年高二下学期期中联合考试语文试题.docx
- 湖南省岳阳市岳阳县第一中学2023-2024学年高三下学期4月期中考试数学试题.docx
- 山东省烟台市2023-2024学年高二下学期4月期中生物试题(无答案).docx
- 江苏省靖江高级中学2023-2024学年高二下学期期中地理试题(无答案).docx
- 四川省甘孜藏族自治州某重点中学2023-2024学年高一下学期4月期中考试物理试题.docx
- 湖北省武汉市华中师范大学第一附属中学2023-2024学年高二下学期4月期中英语试题(无答案).docx
- 四川省成都市金牛区成都市实验外国语学校2024年高三三模考试生物试题.docx
- 浙江省宁波市北仑中学2023-2024学年高二下学期期中考试物理试题.docx
文档评论(0)