html中的框架

本文介绍了一种使用HTML的frameset标签进行网页布局的方法。通过定义不同区域的大小和链接不同的HTML文件来实现多区域的内容显示。具体包括顶部导航(top.html)、左侧导航(left.html)以及右侧内容展示(right1.html和right2.html)。

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>

 效果图:

转载于:https://www.cnblogs.com/h-g-f-s123/p/5701130.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值