html框架的小实例

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

成都创新互联专业为企业提供伊犁网站建设、伊犁做网站、伊犁网站设计、伊犁网站制作等企业网站建设、网页设计与制作、伊犁企业网站模板建站服务，10余年伊犁做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

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框架的小实例
网页URL：https://www.cdcxhl.com/article18/godogp.html

成都网站建设公司_创新互联，为您提供外贸建站、关键词优化、虚拟主机、商城网站、Google、网站设计公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容