html实例教程:[9]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 row衡痕贤伎s ="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、更好玩了吧!