首页 > Web开发 > 详细

html中的框架

时间:2016-07-24 17:59:13      阅读:269      评论:0      收藏:0      [点我收藏+]

1、总的代码

技术分享
1 <frameset rows=20%,*>
2 <frame src="top.html" />
3 
4 <frameset cols=30%,*>
5 <frame src="left.html" />
6 <frame src="right1.html" name="frame_right"/>
7 </frameset>
8 
9 </frameset>
View Code

left.html

<body>这是左面

<ol type="a">
<li><a href="right1.html" target="frame_right">右面第一个页面</a></li>
<li><a href="right2.html" target="frame_right">右面第二个页面</a></li>
</ol>

</body>

top.html

<body>这是上面
<br />
<pre>
具体实现方法:
1、先给右面一个名字,例如:frame_right
2、在左面的文件中写,见left.html文件

</pre>
</body>

right1.html

<body bgcolor="red">这是右面1</body>

right2.html

<body bgcolor="silver">这是右面2</body>

 效果图:

技术分享

html中的框架

原文:http://www.cnblogs.com/h-g-f-s123/p/5701130.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!