一，效果图。
二，代码。
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>html 框架</title> </head> <body> <!--iframe 设置高度与宽度--> <iframe src="demo_iframe.htm" width="200" height="200"></iframe> <!--Iframe - 移除边框--> <iframe src="demo_iframe.htm" width="200" height="200" frameborder="0"></iframe> <!--使用iframe来显示目录链接页面--> <iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.baidu.com" target="iframe_a">runoob.com</a></p> </body> </html>
参考资料：《菜鸟教程》
一，效果图。
二，代码。
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>html 框架</title> </head> <body> <!--iframe 设置高度与宽度--> <iframe src="demo_iframe.htm" width="200" height="200"></iframe> <!--Iframe - 移除边框--> <iframe src="demo_iframe.htm" width="200" height="200" frameborder="0"></iframe> <!--使用iframe来显示目录链接页面--> <iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.baidu.com" target="iframe_a">runoob.com</a></p> </body> </html>
参考资料：《菜鸟教程》