分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

html框架的小实例

发布时间:2023-09-06 02:08责任编辑:白小东关键词:暂无标签
一共分了五个页面,请将以下页面保存,存放于同目录之下,运行查看效果

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

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

<html><head><title>这是框架页面</title></head><frameset rows="50%,50%"> ???????<frame src="http://pannijingling.blog.163.com/blog/b.html" name=‘top‘><frameset cols="25%,75%"> ???????<frame src="http://pannijingling.blog.163.com/blog/c.html" name=‘left‘> ???????<frame src="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>

html框架的小实例

原文地址:http://blog.51cto.com/1197822/2154223

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved