框架iframe

最新推荐文章于 2024-08-20 19:23:57 发布

m0_46687651

最新推荐文章于 2024-08-20 19:23:57 发布

阅读量209

点赞数 7

分类专栏：前端文章标签： html css

本文链接：https://blog.csdn.net/m0_46687651/article/details/141017358

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

框架iframe

iframe:在网页中嵌入其他文件
应用如下：

	<iframe width="100" height="50" frameborder="1"></iframe>

<!-- 利用iframe嵌入其他内容 -->
	<iframe src="./logo.png" frameborder="1" width="100" height="50"></iframe>

在这里插入图片描述

<!-- 利用iframe嵌入一个普通网页 -->
  	<iframe src="https://www.baidu.com" width="700" height="400" frameborder="0"></iframe>

在这里插入图片描述

<!-- 与超链接的target属性配合使用 -->
	<a href="https://www.csdn.net" target="tt">浏览csdn社区</a>
	<a href="https://www.w3school.com.cn/h.asp" target="tt">浏览w3school网站</a><br/>
	<iframe name="tt" width="800" height="400" ></iframe>

在这里插入图片描述

<!-- 与表单的target属性配合使用 -->
	<form action="https://re.jd.com/search" target="container">
	    <input type="text" name="keyword">
	    <input type="submit" value="搜索">
	</form>
	<iframe name="container" width="500" height="300"></iframe>