9.2.2 框架水平分栏

框架可以垂直分栏,同样也可以水平分栏,水平分栏就是把网页文档分成多行显示。水平分栏的语法用rows表示,与垂直分栏一样,也放在<frameset>上,一个框架不能同时出现水平和垂直分栏,即不能同时出现cols和rows,代码9.3表示框架水平分栏。

代码9.3 源代码\第9章\框架水平分栏.html


——————————————文件名:框架水平分栏.html——————————————

01 <html>

02 <head>

03 <title>框架水平分栏</title>

04 </head>

05 <frameset rows="40,60">

06 <frame src="http://www.sina.com.cn">

07 <frame src="http://www.163.com">

08 </frameset>

09 </html>


【代码解析】代码第5行表示两个网页文档,一个占用40%,另一个占用60%,分上下两行显示,上面显示的是新浪,而下面显示的是网易,效果如图9.3所示。

9.2.2 框架水平分栏 - 图1

图 9.3 框架的水平分栏

在使用框架的时候,根据网页美观性来选择框架是水平分栏还是垂直分栏。再通过其他属性的运用,可以做出很漂亮的页面,稍后介绍框架常用的属性。

当框架里网页文档超过两个时,必须同时出现cols和rows,如果只有一张网页文档,注意 可以省掉。在<frameset></frameset>中也可以再嵌入<frameset></frameset>标记对。