首页 > 程序开发 > web前端 > HTML教程 > HTML实例/测验/总结 >

HTML iframe

2016-01-30

内联框架 (HTML页面中插入框架)源代码<!DOCTYPE html><html><body><iframe src="http: www w3cschool cc"> <p>您的浏

内联框架 (HTML页面中插入框架)
源代码
<!DOCTYPE html>
<html>
<body>

<iframe src="http://www.w3cschool.cc">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

</body>
</html>

运行结果
\
实例解析

HTML 框架


通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

iframe语法:

<iframe src="URL"></iframe>

该URL指向不同的网页。


Iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%").

实例

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>


Iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 "0" 移除iframe的边框:

实例

<iframe src="demo_iframe.htm" frameborder="0"></iframe>


使用iframe来显示目录链接页面

iframe可以显示一个目标链接的页面

目标链接的属性必须使用iframe的属性,如下实例:

实例

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>


HTML iframe 标签

标签 说明
<iframe> 定义一个内联的iframe

相关文章
最新文章
热点推荐