iframe框架

最新推荐文章于 2025-07-22 11:13:40 发布

原创最新推荐文章于 2025-07-22 11:13:40 发布 · 373 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML中iframe标签的使用方法，包括如何在页面中嵌入单一或多个网页，以及如何通过超链接跳转至iframe内的指定元素。通过实例展示了iframe的基本格式及其在网页设计中的应用。

在html中，我们可以用iframe标签实现一个内嵌框架。即在当前页面中再嵌入另一个网页。
基本格式为

<iframe src="链接地址" width="数值" height="数值"></iframe>

例：
嵌入一个页面：

<body>
<iframe src="http://www.baidu.com" width="200" height="150" name="ai"></iframe>
</body>

效果如下:
在这里插入图片描述
嵌入多个页面：

<body>
<iframe src="http://www.baidu.com" width="200" height="150" name="ai"></iframe>
<iframe src="http://www.sina.com" width="200" height="150" name="ai"></iframe>
</body>

效果如下：
在这里插入图片描述

超链接跳转到本页面下iframe中的元素

<body>
<iframe name="ai" src="http://www.baidu.com" width="200" height="150" name="ai"></iframe>
<a href="http://www.sina.com" target="ai">新浪</a>
</body>

效果如下：
在这里插入图片描述