html 中使用Frame

本文介绍HTML中的frameset标签,展示了如何使用它来创建多窗口布局。通过实例演示了如何定义框架集并设置导航菜单,使不同的HTML文档能在指定的框架内加载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Html<frameset>标签

frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols rows 属性。

1.简单的三框架页面

<html>

<framesetcols="25%,50%,25%">

 <frame src="frame_a.htm" />

 <frame src="frame_b.htm" />

 <frame src="frame_c.htm" />

</frameset>

</html>

2.提示和注释

注释:如果您希望验证某个包含框架的页面,请确保 DTD被设置为 "Frameset DTD"。阅读更多有关 XHTML验证的内容。

重要事项:您不能与<frameset></frameset>标签一起使用<body></body> 标签。不过,如果您需要为不支持框架的浏览器添加一个 <noframes>标签,请务必将此标签放置在 <body></body> 标签中!

3.实例

首先,用dreamweaver在电脑桌面新建一个站点,站点根文件夹里建5个网页,分别取名1.html2.html3.html4.html5.html

其次,分别在这5个网页里面写入代码,在1.html2.html3.html3个网页里分别设置一种背景颜色就行了,因为只是简单的测试,

比如红色,蓝色,橙色。

5.html里写入<html>

<frameset cols="30%,70%">

<frame src="4.html" />

<frame src="5.html"name="show"/></html>

4.html里写入

<html>

<p>  <ahref="1.html" target="show">A</a>     </p>

<p>  <ahref="2.html" target="show">B</a>     </p>

<p>  <ahref="3.html" target="show">C</a>     </p>

</html>

大功告成了,用浏览器打开5.html,会有如下这个红色的页面,

点击B的时候会有这个页面,

点击C的时候会有这个页面,

预期的效果实现了,左边的A,B,C就是导航菜单,后边的就是变化的网页内容。

红色部分是关键内容,请细心琢磨。我觉得这是指定哪个网页在哪个窗口打开,这也是frame框架的关键所在。

<frame src="5.html" name="show"/>,这句里的name="show",是指定这个frame的名称为show,

<a href="1.html" target="show">A</a>,这句起到的作用是指定1.html这个网页在名称为showflame里打开

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值