9.5 框架实例
框架在网页中经常用到,框架可以给网页带来很大的方便,如在一张网页中设置不同的部分,可以对经常变动的部分用框架表示,更新页面只对其中的框架进行更新即可。所以框架可以将多张网页组成一个网页,在这张网页中来显示这些网页的信息。
框架最常用在网页的页头和页脚,页头指的是网页的头部或上面部分,相反,页脚指的是网页尾部。在正常的网站中,网页的头部和尾部是不需要变化的,即使要变化也是对整个网站的全部网页统一更新,这时,框架就有用了,在这些网页中插入两个框架网页,分别放在网页头部和尾部,以后网站更新,只需要对框架页面更新,即可更新全部的网页头部和尾部。
本实例演示框架的用法。在框架集中,列出6个框架,通过这6个框架来表示框架的特性,如设置框架的noresize后不能调节框架大小,还可以设置框架的链接,同时可以在不同的框架中显示,以下是框架的用法实例步骤。
9.5.1 在网页中插入框架
在网页中插入二行三列的框架,分别显示不同的框架文档。在网页中建框架,设置cols为“5 0%,5 0%”,表示两行各占一半,而r o w s要设置为显示三列的数字,所以输入“30%,30%,40%”,即表示两行三列,如代码9.11所示。
代码9.11 源代码\第9章\框架实例手把手.html
—————————————-文件名:框架实例手把手.html—————————————-
01 <html>
02 <head>
03 <title>框架实例手把手</title>
04 </head>
05 <frameset rows="50%,50%"cols="30%,30%,40%">
06 <frame src="a.html">
07 <frame src="a.html">
08 <frame src="a.html">
09 <frame src="a.html">
10 <frame src="a.html">
11 <frame src="a.html">
12 </frameset>
13 </html>
【代码解析】代码5~12行表示二行三列,显示6个框架文档,所以用6个<frame>设置每个框架文档的页面,效果如图9.12所示。
图 9.12 用cols和rows划分二行三列