HTML内联标签iframe的使用方式
前言
iframe是HTML标签,它可以把一个网页的框架和内容,嵌入在现有的网页中,也就是说,我们可以在自己的网页中加载别人的网站,当然,iframe标签的一些属性也是我们在使用iframe时所需要了解的,帮助我们更好的使用它。
正文
用法以及属性
用法:
在页面中直接使用iframe标签
<iframe src="https://www.php.cn/div-tutorial-494667.html" frameborder="0"></iframe>
属性:
- src:引入页面的地址
- framedorder:是否显示边框,属性值有yes和no,yes表示显示边框,no表示不显示
- name:框架标识名
- scrolling:是否出现滚动条,属性值有yes,no,auto。yes是显示滚动条,而no表示不显示滚动条。auto是自动适应窗口的大小。
- width:定义iframe宽度,可以用px来调整,也可以用百分比%
- hight:定义iframe高度,,可以用px来调整,也可以用百分比%
- noresize:是否允许调整框架窗口的大小
- algin:根据周围元素对齐的方式
接下来来看看它是如何使用的吧。
1.在页面直接使用嵌套
```html
<iframe src="http://www.baidu.com" frameborder="0" scrolling="auto">
</iframe>
2.与a标签结合使用
<p><a href="http://www.baidu.com" target="right-frame">百度</a></p>
<p><a href="http://qq.com" target="right-frame">腾讯</a></p>
<iframe src="http://qq.com" name="right-frame" height="300px">
</iframe>
此时点百度这个超链接可以跳转页面
这两个页面可以实现简单的跳转了。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanfbgek
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
photoshop蒙版画笔没反应怎么办
PHP中文网 06-24