【代码笔记】Web-HTML-框架

HTML iframe元素详解

weixin_30446613

于 2018-11-05 13:34:00 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yang-guang-girl/p/9908668.html

本文详细介绍了HTML中的iframe元素，包括如何设置高度与宽度，移除边框，以及如何使用iframe来显示目录链接页面。通过实例代码，展示了iframe在网页设计中的具体应用。

一，效果图。

二，代码。

<!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>