框架概念
框架页面可将 Web 浏览器窗口分为不同的可滚动的区域,这些区域可独立显示几个 Web 页。一个窗口可保持不变,而其他窗口根据用户选择的超链接变化。
框架标记
1、设计框架页面时,<Frame>标记和<Frameset>标记用于定义框架网页的结构
2、由于框架网页的出现,从根本上改变了HTML文档的传统结构,因此在出现<Frameset>标记的文档中,将不再使用<Body>标记
框架基本结构
- <frameset cols="25%,50%,*" border="5">
- <frame src="the_first.html">
- ……
- </frameset>
<FRAMESET>是用来划分框窗,每一窗框由一个<FRAME>标记所标示,<FRAME>必须在<FRAMESET>范围中使用。
浮动窗口概念
<iframe>标记,又称为浮动帧标记,可以用来将一个HTML文档嵌套在另外一个HTML文档中显示。
<iframe>标记的基本用法:
<iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
说明:
1、src:设置文件的路径;
2、width和height:分别设置浮动窗口的宽和高;
3、scrolling:设置是否出现滚动条
可选值有auto(自动)、yes(出现)、no(不出现);
4、frameborder:设置是否出现边框
可选值有1(出现)、0(不出现);
小结
<iframe>标签与<frameset>标签的区别
1.<frameset>一般先用一个文档将页面分成成几部分,此文档只记录了该框架如何划分,不会显示任何资料,因此不必放<body>中。
2.<frameset>是用以划分框架,每个框架由一个<frame>标记所标示,<frame>必须在<frameset>中使用。
3.<frameset>中根据rows或cols将框架分成上下或左右几部分。
4.iframe是内部帧,可以嵌在一个页面里面,设置内部帧的属性可以使得整体看上去象一个完整的页面,而不是由多个页面组成 。
5.一般在页面布局中,比如很多网站,上面有广告条,左边放菜单,右边放内容,这样上边和左边的内容都可不动,只动态改变右边的内容,这种一般使用<frameset>框架布局较多;但用<iframe>比<frameset>少一个文件,但支持<iframe>框架的浏览器相对较少。
插入背景音乐
<bgsound> 标记用来插入背景音乐(只适用于IE浏览器)
常用属性:
src:设置背景音乐的路径
loop:设置背景音乐是否反复播放,如loop=2表示播放两次,loop=-1表示无限循环
如:<bgsound src="a.mp3" loop="-1">
插入多媒体
<embed> 用来插入各种多媒体,格式可以是 Midi、Wmv、AIFF、AU 等等,也可以是swf(Flash文件)
常用属性:
src:设置多媒体文件的路径
autostart:设置是否在多媒体下载完后就自动播放;true是,false否(内定值)
hidden:是否完全隐藏控制画面,true 为是,false 为否 (内定)。
loop:设置多媒体文件是否反复播放,如loop=2表示播放两次,loop=-1表示无限循环
width和height:分别设置播放窗口的宽和高
用<img>标签插入多媒体
我相信这种方法很多人都不知道,现在我就告诉大家如何用img标签插入多媒体。
用<img>标签也可以插入多媒体,与<embed>不同的是播放时不显示播放器的控制按钮
常用属性:
dynsrc:设置多媒体文件的路径
loop:设置多媒体循环次数
start:设置文件的播放方式,start=“fileopen”表示网页打开时即播放;start=“mouseover”表示当鼠标滑到多媒体上时播放
评论