Dreamweaver | Flash | Photoshop | Fireworks | Asp | Asp.net | Css/HTML | 矢量教程 | Access | Sql Server
网页设计视频教程

你的位置:首页>>HTML学习教程>>子窗口<frame>标签的设定

子窗口<frame>标签的设定

发表时间:2006-11-19 22:33:00浏览次数:
 <frame>是个单标签,<frame>标签要放在框架集frameset中,<frameset>设置了几个子窗口就必须对应几个<frame>标签,而且每一个<frame>标签内还必须设定一个网页文件(src="*.html",其常用属性有:

<frame>常用属性

属 性 描 述
src 指示加载的url文件的地址
bordercolor 设置边框颜色
frameborder 指示是否要边框,1显示边框,0不显示(不提倡用 yes 或 no)
border 设置边框粗细
name 指示框架名称,是连结标记的 target所要的参数
noresize 指示不能调整窗口的大小,省略此项时就可调整,
scorlling 指示是否要滚动条,auto根据需要自动出现,Yes有,No无
marginwidth 设置内容与窗口左右边缘的距离,默认为1
marginheight 设置内容与窗口上下边缘的边距,默认为1
width 框窗的宽及高 默认为width="100" height="100"
align 可选值为 left, right, top, middle, bottom

子窗口的排列遵循从左到右,从上到下的次序规则。

一、窗口的左右设定:

实例一 sl9-1.html

首先我们新建一个文件夹,然后做四个要放到子窗口中的页面,sl1.html、sl2.html、sl3.html、sl4.html。

<html>
<head>
</head>
<frameset rows="20%,2*,*" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF">
<frame src="sl1.html">
<frame src="sl2.html">
<frame src="sl3.html">
</frameset><noframes></noframes>
</html>

二、窗口的上下设定

实例二 sl9-2.html

<html>
<head>
</head>
<frameset rows="20%,*,200" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF">
<frame src="sl1.html">
<frame src="sl2.html">
<frame src="sl3.html" noresize="noresize">
</frameset><noframes></noframes>
</html>

三、窗口的嵌套设定

实例三 sl9-3.html

<html>
<head>
</head>
<frameset cols="20%,*" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF">
<frame src="sl1.html">
<frameset rows="300,500"framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF">
<frame src="sl2.html">
<frame src="sl3.html">
</frameset>
</frameset><noframes></noframes>
</html>

实例四 sl9-4.html

<html>
<head>
</head>
<frameset rows="20%,*" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF">
<frame src="sl1.html">
<frameset cols="20%,*"framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF">
<frame src="sl2.html">
<frame src="sl3.html">
</frameset>
</frameset><noframes></noframes>
</html>

实例五 sl9-5.html

<html>
<head>
</head>
<frameset rows="20%,*,15%" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF">
<frame src="sl1.html">
<frameset cols="20%,*"framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF">
<frame src="sl2.html">
<frame src="sl3.html">
</frameset>
<frame src="sl4.html">
</frameset><noframes></noframes>
</html>

    大家看到上面的文件中还有一对<noframes></noframes>标签,即使在做框架集网页时没有这对标签,文件在很多浏览器解析时也会自动生成<noframes>标签,这对标签的作用是当浏览者使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。为了避免这种情况,可使用 <NOFRAMES> 这个标记,当使用的浏览器看不到框架时,他就会看到 <NOFRAMES>你的浏览器不支持框架网页</NOFRAMES>之间的内容,而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本。

网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com Inc. All Rights Reserved
Emai:skyzznj@126.com