请选择 进入手机版 | 继续访问电脑版

菏泽合众云课堂-菏泽最大的IT技能学习平台

快捷导航

HTML 内联框架

[复制链接]
laozhang 发表于 2015-8-13 16:15:01 | 显示全部楼层 |阅读模式 |          
iframe 用于在网页内显示网页。
添加 iframe 的语法
  1. <iframe src="URL"></iframe>
复制代码运行
URL 指向隔离页面的位置。

Iframe - 设置高度和宽度
height 和 width 属性用于规定 iframe 的高度和宽度。
属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。
  1. <iframe src="/course/html/demo_iframe.html" width="200" height="200"></iframe>
复制代码运行

Iframe - 删除边框
frameborder 属性规定是否显示 iframe 周围的边框。
设置属性值为 "0" 就可以移除边框:
实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>

  4. <iframe src="/course/html/demo_iframe.html" frameborder="0"></iframe>

  5. <p>某些老式的浏览器不支持内联框架。</p>
  6. <p>如果不支持,则 iframe 是不可见的。</p>

  7. </body>
  8. </html>
复制代码运行

使用 iframe 作为链接的目标
iframe 可用作链接的目标(target)。
链接的 target 属性必须引用 iframe 的 name 属性:
实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>

  4. <iframe src="/course/html/demo_iframe.html" name="iframe_a"></iframe>

  5. <p><a href="http://www.he-ze.com" target="iframe_a">he-ze.com</a></p>

  6. <p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>

  7. </body>
  8. </html>
复制代码运行

HTML iframe 标签
标签描述
<iframe>定义内联的子窗口(框架)
提问 返回列表
关闭

小云老师推荐 上一条 /2 下一条

菏泽合众云建站|菏泽学编程|菏泽学设计|菏泽Ps培训|菏泽学建站|小黑屋| 菏泽合众云课堂

Copyright © 2015-2018 菏泽合众云课堂 鲁ICP备14026574号

 

快速回复 返回顶部 返回列表