iframe元素

最新推荐文章于 2023-06-08 15:30:11 发布

majic_Jing

最新推荐文章于 2023-06-08 15:30:11 发布

阅读量278

点赞数

文章标签： iframe html 框架

本文链接：https://blog.csdn.net/majic_Jing/article/details/101115730

版权

iframe元素

<iframe…/>元素可以在普通html页面中使用，用于在普通html中生成一个行内框架，可以放在html页面中的任意位置。

1.src：指定该iframe将装载哪个页面
2.name：设置该iframe的名字
3.scrolling：设置是否显示滚动条，该属性支持yes（显示）、no（不显示）、auto（自动，框架里放不下时显示）
4.height：设置高度
5.width：设置宽度
6.frameborder:设置是否显示边框

<!DOCTYPE html>
<html>
<head>
	<title>majic_Jing</title>
	<style type="text/css">
		.div1{
			width:200px;height:530px;  float: left; border: 1px solid #ccc;
		}
		.div2{
			width:800px ;height:530px; float: left; border: 1px solid #ccc;
		}
	</style>
</head>
<body>
	<div class="div1">
		<ul>
			<li> <a href="http://baidu.com" target="demo" 
                           style="text-decoration: none;color: #000">点击跳转百度</a></li><br>
			<li> <a href="http://jd.com" target="demo" 
                           style="text-decoration: none;color: #000">点击跳转京东</a></li><br>
			<li> <a href="https://mp.csdn.net" target="demo" 
                           style="text-decoration: none;color: #000">点击跳转CSDN</a></li><br>
		</ul>	
	</div>
	<div class="div2">
		<iframe src="map.html" width="800" height="530" name="demo" 
              frameborder="0"></iframe>
	</div>
</body>
</html>

majic_Jing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe元素

iframe元素<iframe…/>元素可以在普通html页面中使用，用于在普通html中生成一个行内框架，可以放在html页面中的任意位置。1.src：指定该iframe将装载哪个页面2.name：设置该iframe的名字3.scrolling：设置是否显示滚动条，该属性支持yes（显示）、no（不显示）、auto（自动，框架里放不下时显示）4.height：设置高度5...
复制链接

扫一扫