万词霸屏推广
阿里学生服务器
阿里云建站

HTML基础语言(六)-HTML 框架iframe

  • A+
所属分类:网站建设HTML基础

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。比如张俊的WP个人博客网站:

张俊博客

iframe语法:

<iframe src="http://www.zhangjunseo.com/"></iframe>

该URL指向不同的网页。


Iframe - 设置高度与宽度

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

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

实例

<iframe src="http://www.baidu.com/" 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.zhangjunseo.com/" target="iframe_a">张俊SEO自媒体博客</a></p>

HTML iframe 标签

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

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: