html文件tzy.html
<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title>内联框架</title>
</head>
<iframe src="framec.html" frameborder="0" width="800px" height="800px">
???<!--frameborder="0"去掉边框-->
</iframe>
</html>
html文件framea.html
<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title>Title</title>
</head>
<body bgcolor="#a52a2a">
FrameA
<a href="http://www.baidu.com" target="_top">顶级页面打开</a>
<a href="http://www.baidu.com" target="_parent">上级页面打开</a>
<a href="http://www.baidu.com" target="_self">本身页面打开</a>
<a href="http://www.baidu.com" target="_blank">新开页面打开</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
html文件frameb.html
<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title>Title</title>
</head>
<body bgcolor="#5f9ea0">
FrameB
<br/>
<iframe src="framea.html" width="400px"height="400px"></iframe>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
html文件framec.html
<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title>Title</title>
</head>
<body bgcolor="blue">
FrameC
<br/>
<iframe src="frameb.html" width="600px" height="600px"></iframe>
</body>
</html>
HTML学习笔记 CSSframea 第九节 （原创）
原文地址：http://www.cnblogs.com/ttzzyy/p/7499879.html