老白的释然 发表于 2018-6-20 15:46:38

frameset框架实例

frameset是HTML中的元素之一,可以用来组织多个框架,每个框架都由单独的HTML文档构成。它的作
用就是对网页的整体进行划分和整体布局。可以同时显示多个超文本页面。

frameset对象的属性

##cols: 设置框架集中列的数目。
##rows: 设置框架集中行的数目
##frameborder: 是否显示边框,frameborder=0表示隐藏边框,frameborder=1表示显示边框。
##framespacing 用来设置边框之间的距离,用CSS实现。
frameset具体使用

首先和HTML以往定义元素一样以<frameset>开始</frameset>结束。中间定义主体框架。
<-frameset clos="20%,20%,*" ;rows="30%,20%,", frameboder=0>;上面的例子中clos="20%,20
%,";表示将页面分为3列,第一列,第二列占页面整体比例的20%,*表示占剩下的全部页面。rows也
是如此,只不过是横向划分。也可以用具体的值表示例如30表示占页面30像素。还有用相对百分比定
义3*表示占页面的75%。还可以进行混合定义例如rows="20%,50,1*,*";
然后向框架中加入超文本页面。下面的代码总共涉及4个超文本页面。主页面代码如下。

<p><!doctype html></p><p><html></p><p><title>我的主页</title></p><p>    <meta http-equiv="Content-type" content="text/html"/></p><p>    <meta name="keyword" content="图书搜索"/></p><p>    <meta name="author" content="Liang"/></p><p>    <meta charset="UTF-8"/></p><p></head></p><p><frameset rows="20%,*" frameborder=0></p><p><frame src="index1.html" name="n1"/></p><p><frameset cols="15%,*"></p><p>   <frame src="index3.html" name="n2" noresize="noresize"/></p><p>   <frame src="index2.html" name="n3"/></p><p>   </frameset></p><p></frameset></p><p></html></p>
其中<freamset>…</freamset>不能和<body>…</body>一起使用,因为freamset代替了body。除非当
浏览器版本低,不支持freamset时,可以使用<nofreams>…</nofreams>代替<freamset>…</freamset>
此时,中间可以使用body标签。



页: [1]
查看完整版本: frameset框架实例