分享
 
 
 

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

王朝html/css/js·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

多窗口页面(Frames)

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

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

Frames结构的基本格式

<frameset>

<frame src="url">

<frame src="url">

...

</frameset>

在有Frames结构的HTML文件中,Frames文件的整体结构为:

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<FRAMESET>

<FRAME SRC="url">

<FRAME SRC="url">

......

</FRAMESET>

</HTML>

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

各窗口的尺寸设置

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

<frameset cols=#> 例:<frameset cols="100,200,300">

<frameset rows=#> 例:<frameset rows="10%,20%,70%">

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

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

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

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

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

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

窗口标识(Frame Name)

<frame src=url name=“窗口名”>例如:<frame src="frame/a.html" name=“left”>

定义了窗口名称,还应该有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 marginwidth=# marginheight=#>

#的值为像素点

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

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

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

<frame noresize>

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

学习HTML的方法:

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

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

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

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

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有