码迷,mamicode.com
首页 > Web开发 > 详细

html中的框架

时间:2016-07-24 18:01:03      阅读:226      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!