<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>浮动框架的应用</title>
<style type="text/css">
/* margin为外面距的距离 */
a{width:300px; margin:0 10px;}
/* 这里定义了首标题的大小，颜色，和文字对齐方式 */
h3{font: size 28px; color:#ff00ff; text-align:center;}
div{margin: 0 auto;text-align: center}
</style>
</head>
<body>
<div id="" class="">
<!-- 网页首部的大标题 -->
<h3>浮动框架的应用</h3>
<!-- 定义网页分割线，和网页的颜色 -->
<hr color="red">
<!-- sec为网页的地址，可以浮动显示的网页 -->
<iframe name="leftiframe" src="https://www.csdn.net/" width="600" height="600"></iframe>
<!-- 定义了两个网页的分割（两个空格） -->
<iframe name="rightiframe" src="http://stars.chromeexperiments.com/" width="600" height="600" marginwidth="10px"></iframe>
<p>
<!-- 定义标签说明点击url也可用户刷新网页 -->
<a href="https://www.csdn.net/" target="leftiframe">在左浮动的为CSDN学习网站</a>
<a href="http://stars.chromeexperiments.com/" target="rightiframe">在右面浮动的为银河系的网站</a>
</p>
</div>
</body>
</html>
