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

张俊SEM 营销型网站建设557字数 609阅读2分1秒阅读模式

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

张俊博客文章源自张俊SEM-https://zhangjunsem.com/874.html

iframe语法:文章源自张俊SEM-https://zhangjunsem.com/874.html

<iframe src="http://zhangjunsem.com/"></iframe>

该URL指向不同的网页。文章源自张俊SEM-https://zhangjunsem.com/874.html


Iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。文章源自张俊SEM-https://zhangjunsem.com/874.html

属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%").文章源自张俊SEM-https://zhangjunsem.com/874.html

实例

<iframe src="http://www.baidu.com/" width="200" height="200"></iframe>

Iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。文章源自张俊SEM-https://zhangjunsem.com/874.html

设置属性值为 "0" 移除iframe的边框:文章源自张俊SEM-https://zhangjunsem.com/874.html

实例

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

尝试一下 »


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

iframe可以显示一个目标链接的页面文章源自张俊SEM-https://zhangjunsem.com/874.html

目标链接的属性必须使用iframe的属性,如下实例:文章源自张俊SEM-https://zhangjunsem.com/874.html

实例

<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://zhangjunsem.com/" target="iframe_a">张俊SEM自媒体博客</a></p>

HTML iframe 标签

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

文章源自张俊SEM-https://zhangjunsem.com/874.html

声明:转载此文是出于传递更多学习交流目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。本站部分图文来源于网络,仅供学习交流,发表作品观点仅代表作者本人,本站仅提供信息存储空间服务,不承担连带责任。如有侵权,请及时联系管理员删除。

weinxin
ynxtwl
加个微信
交个朋友
张俊SEM
  • 本文由 张俊SEM 发表于 2017年1月7日17:01:12
  • 转载请务必保留本文链接:https://zhangjunsem.com/874.html
  • HTML
  • HTML基础
骨灰级极简主义代码优化
骨灰级极简主义代码优化 seo优化

骨灰级极简主义代码优化

你的网站打开加载速度慢,代码冗余,兼容性差?这些都是站内基础优化(代码优化、CSS优化、JS优化、图片优化)没做好造成的。为自己做个代言,重庆秀站网SEO是纯手写代码骨灰级极简主义者,只要服务器不是垃...
SEO教程:H1标签的作用及用法教程
SEO教程:H1标签的作用及用法教程 seo优化

SEO教程:H1标签的作用及用法教程

H标签在SEO中至关重要,灵活的运用H标签代码有助于SEO,提升网站排名。H1、H2、H3等等这些标签以前只是HTML语言中最基本的一些标签,随着搜索引擎算法不断更新,这些标签被很多站长发现对SEO有...