HTML第五天 iframe内联框架示例

什么是内联框架？

　　内联框架被用来在一个HTML文档中显示另一个文档。

示例：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>内联框架</title>
  <style>
	div{
		border:1px solid red;
		100px;
		height:30px;
	}
	#hudie{
		color:red;
	}
	img{
		20px;
		height:30px;
	}
  </style>
 </head>
 <body>
    <!-- iframe内联框架  name：iframe的名字，由此a标签才能找到iframe  -->
	<iframe width="200px" height="300px" name="aaa" src="OLULli.html"></iframe>    
　　　　　　      <!--  src可以引入网页、照片、脚本，在没有显示指定内容是，src的内容就是内联框架的那内容-->
	<div>
		<a href="img/img1.jpg" target="aaa">
			<img src="img/img1.jpg">
		</a>

		<a href="img/img2.jpg" target="aaa">
			<img src="img/img2.jpg">
		</a>

		<a href="img/img3.jpg" target="aaa">
			<img src="img/img3.jpg">
		</a>
	</div>
 </body>
</html>