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

时间：2021-05-08


复制代码代码如下:
<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>

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章