HTML教程(10)-多窗口页面(Frames)

王朝html/css/js·作者佚名 2006-01-09

多窗口页面(Frames)

使用Frames结构设计的HTML文件，能够将整个窗口分成几个独立的小窗口，每一个窗口可分别载入不同的文件，令人高兴的是，每个窗口是可以相互沟通的。有时用得恰到好处，感觉真是好极了。

这是一个非常好用的技巧，不过，学习内容也不少，我们一起从基本语法学起吧！

Frames结构的基本格式

...

</frameset>

在有Frames结构的HTML文件中，Frames文件的整体结构为：

<HTML>

<HEAD>

</HEAD>

......

</FRAMESET>

</HTML>

Framees结构中的每个URL值指定了一个文件（这个文件必须事先做好），这个文件将载入相应的窗口。

各窗口的尺寸设置

我们将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，每一块的大小可以由这两个属性的值来实现。

#的值为一对用引号括起来的字符串，字符串中的数字表示每个分窗口所占的尺寸，数字中间用逗号隔开，有几个数字就表示分出了几个窗口。当然，这其中的任何一个数字也可以由“*”来代替，这样表示由浏览器自动设置其大小。

如：<frameset cols="100,200,*">

<frameset cols="100,*,*"> 将100像素以外的窗口平均分配

<frameset cols="*,*,*"> 将窗口分为三等份

各窗口间相互操作(Frame Target)

由Frames分出来的几个窗口的内容并不是静止不变的，往往一个窗口的内容随着另一个窗口的要求而不断变化，这就提高了Frames的利用价值。为了完成各窗口之间的相互操作，我们必须为每一个窗口起一个名字，这个名字用属性Name来定义。

窗口标识(Frame Name)

定义了窗口名称，还应该有Target来配合使用，Target属性指定了所链接的文件出现在哪一窗口。Target的值可以是name定义的疲部梢允且韵滤睦嘀担?/P>

<a href=url target=_blank> 显示一个新窗口

<a href=url target=_self> 显示在同一个窗口

<a href=url target=_parent> 显示在Frameset的前一份文件的窗口

<a href=url target=_top> 显示在整个浏览器窗口

Frame 的其它属性

<frame frameborder=#> #=yes, no

各窗口边框的设置，yes表示有边框，no表示没有边框

#的值为像素点

设置各窗口的上下左右边界宽度，如果不设置，由浏览器自动决定。

<frame scrolling=#> #=yes, no, auto

滚动条设置，yes 表示有，no表示没有，auto表示由浏览器自动设置，#=缺省值是 auto

noresize属性来设置不可变动的框边

学习HTML的方法：

根据我自己的学习体验，我总结了几点学习方法供大家参考：

1.对于难记的属性不必强行记忆，在用到的时候翻一下语法手册，多用几次就会熟练掌握了。

2.刚开始，可以先选择几个不错的网页形式加以模仿，照猫画虎的完成自己的Homepages.

3.看到好的网页，可以在浏览器的“编辑”菜单中选择“源文件”，这时我们就可以看到源程序，

学习别人制作网页的一些方法和技巧了，有时候通过这种办法可以学到书本上没有的东西，一些

新出现的功能也可以率先出现在你的网页中了。