HTML基础总结–框架和浮动窗口(二)

继续接上篇HTML基础总结–页面与标记(一)

框架概念

框架页面可将 Web 浏览器窗口分为不同的可滚动的区域,这些区域可独立显示几个 Web 页。一个窗口可保持不变,而其他窗口根据用户选择的超链接变化。

框架标记

1、设计框架页面时,<Frame>标记和<Frameset>标记用于定义框架网页的结构

2、由于框架网页的出现,从根本上改变了HTML文档的传统结构,因此在出现<Frameset>标记的文档中,将不再使用<Body>标记

框架基本结构

  1. <frameset cols="25%,50%,*" border="5">
  2.     <frame src="the_first.html">
  3.     ……
  4. </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”表示当鼠标滑到多媒体上时播放

未完待续...

下篇传送阵:HTML基础总结–表单与页面控件(三)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen: