用frameset实现复杂的页面布局技巧小结

  发布时间:2014-05-08 10:58:07   作者:佚名   我要评论
想要实现复杂的页面布局,只需在frameset标签中在使用frameset标签,然后通过cols,rows属性进行设置就ok了,下面有个不错的示例,大家可以参考下

复制代码
代码如下:

<html>
<!--混合框架的布局:
要想实现复杂的页面布局,只需在<frameset>标签中在使用<frameset>标签,然后通过cols,rows属性进行设置就ok了-->
<frameset rows="50%,50%">
<frame src="02图片标签.html" name="top">
<frameset cols="25%,75%">
<frame src="frame_a.html">
<frame src="02图片标签.html" name="right">
</frameset>
</frameset>
</html>

frame_a.html

复制代码
代码如下:

<html>
<head></head>
<!--a标签中target属性指向框架集合中的元素frame
target的值就是frame标签中name的值-->
<body>
<a href="http://www.itheima.com" target="top">官网</a>

<a href="http://www.baidu.com" target="right">百度</a>
</body>
</html>

相关文章

最新评论