程序员

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

作者:admin 2021-04-21 我要评论

复制代码 代码如下: html !--混合框架的布局: 要想实现复杂的页面布局,只需在frameset标签中在使用frameset标签,然后通过cols,rows属性进行设置就ok了-- fra...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

复制代码
代码如下:

<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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 用frameset实现复杂的页面布局技巧小结

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

  • 网页中内容显示过多如何从bottom快速回

    网页中内容显示过多如何从bottom快速回

  • 一个好的用户界面设计的37个技巧(图文

    一个好的用户界面设计的37个技巧(图文

  • ipad上借助firebug工具来进行页面调试

    ipad上借助firebug工具来进行页面调试

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商