- 首页 > 资讯 > HTML实例/测验/总结 > 正文
HTML iframe
内联框架 (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>
<p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>
HTML iframe 标签
| 标签 | 说明 |
|---|---|
| <iframe> | 定义一个内联的iframe |
- 上一篇：HTML 头部元素
- 下一篇：HTML Forms 和 Input
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻