51Testing软件测试论坛

 找回密码
 (注-册)加入51Testing

QQ登录

只需一步,快速开始

微信登录,快人一步

手机号码,快捷登录

查看: 1587|回复: 0
打印 上一主题 下一主题

frameset框架实例

[复制链接]

该用户从未签到

跳转到指定楼层
1#
发表于 2018-6-20 15:46:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
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个超文本页面。主页面代码如下。

  1. <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标签。



分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

本版积分规则

关闭

站长推荐上一条 /1 下一条

小黑屋|手机版|Archiver|51Testing软件测试网 ( 沪ICP备05003035号 关于我们

GMT+8, 2024-11-26 13:18 , Processed in 0.072291 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2024 Comsenz Inc.

快速回复 返回顶部 返回列表