HTML5中的iframe标签

 iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

src:src 属性规定在 iframe 中显示的文档的 URL;

name:设置该iframe的名字;

scrolling:scrolling属性规定是否在 iframe 中显示滚动条;

frameborder:frameborder属性规定是否显示 iframe 周围的边框;

srcdoc:srcdoc 属性规定页面的 HTML 内容显示在行内框架中;

sandbox:sandbox属性将会启用一系列对行内框架中内容的额外限制。

 

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta charset="utf-8">
		<style type="text/css">
			.frame_left{
				width:30%;
				height:500px;
				float:left;
				border:1px solid #000;
			}
			.frame_right{
				width:60%;
				height:500px;
				float:left;
				margin-left:3%;
				border:1px solid #000;
			}
		</style>
	</head>
	<body>
		<div class="frame_left">
			
			<div><a href="https://www.taobao.com" target="demo"  >淘宝</a></div>
			<div><a href="https://www.baidu.com"  target="demo"  >百度</a></div>
			
		</div>
		<div class="frame_right">
			<iframe  src="http://baidu.com"  name="demo" height="500" width="100%	" frameborder=0 ></iframe>
		</div>
	</body>
</html>



 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值