很多时候,我们登陆某个系统的时候可以看到多窗口布局的影子,本文就如何实现多窗口进行展开。
多窗口就是将浏览器页面分割成了多个窗口,每个窗口都可以显示独立的网页文件,常用于网站后台设计,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