多窗口展示页面

很多时候,我们登陆某个系统的时候可以看到多窗口布局的影子,本文就如何实现多窗口进行展开。

多窗口就是将浏览器页面分割成了多个窗口,每个窗口都可以显示独立的网页文件,常用于网站后台设计,HTML可以使用frameset框架进行分割窗口

基本结构:

框架集frameset,窗户架

框架frame,玻璃

没有body

noframs


如何创建框架

通过frameset分割网页,

每个窗口再由frame组合

步骤:先创建好个窗口要显示的网页,最后创建框架集网页


1按行分隔

创建index.html

<frameset rows="25%","50%","25%">
<frame src="a.html">
<frame src="b.html">
<frame src="c.html">
</frameset>		
这就按行分割了3个网页,abc并且比例也显示出来了


2 按列分割网页

<frameset cols="25%","50%","25%">
<frame src="a.html">
<frame src="b.html">
<frame src="c.html">
</frameset>
一样的

分割复杂的窗口:

实现思路:大块分割,小块嵌套,框架集中嵌套框架集


嵌套举例

<frameset rows="50%","50%">
<span style="white-space:pre">	</span><frame src="a.html">
<span style="white-space:pre">	</span><frameset cols="25%","75%">
<span style="white-space:pre">		</span><frame src="b.html">
<span style="white-space:pre">		</span><frame src="c.html">
</frameset>

小结:

frameset 有 rows cols border bordercolor

frame有 src name scrolling noresize





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值