HTML---frameset和iframe的使用

最新推荐文章于 2023-07-03 14:36:20 发布

机智的frank

最新推荐文章于 2023-07-03 14:36:20 发布

阅读量414

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/jian15093532273/article/details/79763450

版权

HTML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

frameset界面的使用

分割页面

<frameset></frameset>标签写在<head></head>标签中
不能和<body></body>共存
如果页面中包含了frameset标签和body标签.那么body标签中的内容将不会显示
只有浏览器不支持frameset标签时,才会显示body标签中的内容
<frameset rows="30%,30%,40%(*)">
表示横向分割页面,第一个页面占总页面的30%,第二个页面占30%,第三个占40%
border="0" 去掉边框
<frameset cols="30%,30%,40%(*)"> 表示纵向分割页面

<frameset rows="30%, 30%, *" border="0">
    <frame src="第一个页面路径" name="tophtml"/>
    <frame src="第二个页面路径" name="middlehtml"/>
    <frame src="第三个页面路径" name="bottomhtml"/>
</frameset>

frameset的嵌套使用

<frameset rows="30%, 30%, *" border="0">
    <frame src="第一个页面路径" name="tophtml"/>
    <frameset cols="50%, *" border="0">
        <frame src="第二个页面路径" name="middlehtml"/>
        <frame src="第三个页面路径" name="middlehtml"/>
    </framset>
    <frame src="第四个页面路径" name="bottomhtml"/>
</frameset>

iframe的使用

内嵌页面

iframe写在body里面

<iframe src="第一个页面的路径" height="300px" width="400px"/>
<iframe src="第二个页面的路径" height="300px" width="400px"/>

iframe实现页面导航(锁定页面)

<h2>页面导航</h2>
<a href="第一个子页面" target="abc">显示第一个界面</a><br/>
<a href="第二个子页面" target="abc">显示第二个界面</a><br/>
<a href="第三个子页面" target="abc">显示第三个界面</a><br/>
<iframe src="第一个子页面" width="400px" height="500px" name="abc">

机智的frank

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML---frameset和iframe的使用

frameset界面的使用分割页面&lt;frameset&gt;&lt;/frameset&gt;标签写在&lt;head&gt;&lt;/head&gt;标签中不能和&lt;body&gt;&lt;/body&gt;共存如果页面中包含了frameset标签和body标签.那么body标签中的内容将不会显示只有浏览器不支持frameset标签时,才会显示body标签中的内容&lt...
复制链接

扫一扫