所谓的html框架是将网页分为几个窗体，每个窗体可以显示不同的网页，实现分屏的效果。本文就介绍网页框架的基本使用：
工具/原料
- 电脑
方法/步骤
- 1
<frameset>标签用来定义如何分割窗口。其中，参数rows,cols分别用来规定行和列所占的百分比
- 2
我们首先创建两个网页：
- 3
创建a.html,记事本编辑输入：
<html>
<body bgcolor="red">
<h1>这是网页a</h1>
</body>
</html>
- 4
创建b.html,记事本编辑输入：
<html>
<body bgcolor="blue">
<h1>这是网页b</h1>
</body>
</html>
- 5
老规矩，在demo.html中输入：
<html>
<frameset cols = "50%,50%">
<frame src = "a.html" >
<frame src = "b.html">
</frameset>
</html>
注意：没有<body>标签
- 6
在浏览器中打开，可以看到以下效果
- 7
如果将demo.html中的cols改为rows，则效果变成了下图
- 8
也可以组合起来使用，下面是一个小例子：
<html>
<frameset rows ="25%,70%">
<frame src = "a.html">
<frameset cols="25%,75%">
<frame src = "b.html">
<frame src = "c.html">
</frameset>
</frameset>
</html>
- 9
在浏览器中打开，可以看到以下效果，是不是很棒？
- 10
也可以将框架内的网页换成在线网址：
<html>
<frameset cols="50%,50%">
<frame src = "http://www.baidu.com/">
<frame src = "http://jingyan.baidu.com/">
</html>
- 11
浏览器打开
- 12
更好玩了吧！
END
注意事项
- 本文由ShareMyView原创奉献，如果您满意，请多多投票与评论！Thanks！