为了账号安全,请及时绑定邮箱和手机立即绑定

html框架的小实例

标签:
Html/CSS

一共分了五个页面,请将以下页面保存,存放于同目录之下,运行查看效果

target_blank     -- 在新窗口中打开链接_parent    -- 在父窗体中打开链接_self         -- 在当前窗体打开链接,此为默认值_top         -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

==================================   a.html =======================================

<html><head><title>这是框架页面</title></head><frameset rows="50%,50%">        <frame class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://pannijingling.blog.163.com/blog/b.html" name='top'><frameset cols="25%,75%">        <frame class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://pannijingling.blog.163.com/blog/c.html" name='left'>        <frame class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://pannijingling.blog.163.com/blog/d.html" name='rightfram'></frameset></html>

==================================   b.html   =======================================

<html><head><title>这是b.html页面</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">a:link {    color: #FF0000;    text-decoration: none;}a:visited {    text-decoration: none;    color: #0000FF;}a:hover {    text-decoration: underline;}a:active {    text-decoration: none;}</style></head><body><center>    <a href="http://pannijingling.blog.163.com/blog/e.html" target="rightfram">返回e.html,此种方法只刷新框架的rightfram部分</a>    <p><a href="http://pannijingling.blog.163.com/blog/d.html" target="right">返回d.html,此种方法只刷新框架的right部分</a></P>    <a href="http://pannijingling.blog.163.com/blog/a.html" target="_parent">返回首页,href设置为框架页,target设置为_parent,此种方法刷新整个框架</a></center></body></html>

===============   c.html   =============

<html><body>    这是C页面</body></html>

===============   d.html   =============

<html><body>    这是D页面</body></html>

===============    e.html   =============

<html><body>    这是E页面</body></html>

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消