当前位置：主页 > 查看内容

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

发布时间：2021-04-21 00:00| 有 位朋友查看

简介：复制代码 代码如下: html !--混合框架的布局： 要想实现复杂的页面布局，只需在frameset标签中在使用frameset标签，然后通过cols，rows属性进行设置就ok了-- frameset rows="50%,50%" frame src="02图片标签.html" name="top" frameset cols="25%,75%" frame……

复制代码
代码如下:

<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>

原文链接：https://m.jb51.net/web/163287.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：网页中内容显示过多如何从bottom快速回到top 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐