网站地图    收藏   

主页 > 前端 > css教程 >

html上下框架(demo) - html/css语言栏目:html.css

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] 首先主框架 demo htmlhtmlframeset rows=50%,50% frame src=top html frame src=main html name=main frameset html然后顶部导航 TOP html!DOCTYPE html PUBLIC - W3C D...

首先主框架 demo.html
 
<html>
 
<frameset rows="50%,50%">
 
    <frame src="top.html">
    <frame src="main.html" name="main">
 
</frameset>
 
</html>
 
然后顶部导航  TOP.html
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Demo</title>
</head>
<body>
    <a href="1.html" target="main">点击我一下</a>
    <a href="2.html" target="main">点击我</a>
</body>
</html>
 
主页面  main.html
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Demo</title>
</head>
<body>
    <p>这是原来的页面,点击上面文字刷新</p>
</body>
</html>
 
跳转后的页面 1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Demo</title>
</head>
<body>
    <p>www.guoxiaotian.com</p>
</body>
</html>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论