iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >HTML内联标签iframe如何使用
  • 563
分享到

HTML内联标签iframe如何使用

2024-04-02 19:04:59 563人浏览 独家记忆
摘要

这篇文章主要讲解了“html内联标签iframe如何使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML内联标签iframe如何使用”吧!

这篇文章主要讲解了“html内联标签iframe如何使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML内联标签iframe如何使用”吧!

Iframe内联框架

iframe是HTML标签,它可以把一个网页的框架和内容,嵌入在现有的网页中,也就是说,我们可以在自己的网页中加载别人的网站,当然,iframe标签的一些属性也是我们在使用iframe时所需要了解的,帮助我们更好的使用它。

用法以及属性

用法:

在页面中直接使用iframe标签

 <iframe src="" 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" width="60%" height="500px" scrolling="auto">
  </iframe>

HTML内联标签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" width="400px" height="300px">
    </iframe>

HTML内联标签iframe如何使用

此时点百度这个超链接可以跳转页面

HTML内联标签iframe如何使用

这两个页面可以实现简单的跳转了。

感谢各位的阅读,以上就是“HTML内联标签iframe如何使用”的内容了,经过本文的学习后,相信大家对HTML内联标签iframe如何使用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: HTML内联标签iframe如何使用

本文链接: https://www.lsjlt.com/news/98465.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • HTML内联标签iframe如何使用
    这篇文章主要讲解了“HTML内联标签iframe如何使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML内联标签iframe如何使用”吧! ...
    99+
    2022-10-19
  • HTML的<iframe>标签如何使用
    这篇文章主要讲解了“HTML的<iframe>标签如何使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML的<iframe>标...
    99+
    2022-10-19
  • HTML的iframe标签怎么使用
    HTML的iframe标签用于在网页中嵌入其他网页或文档。使用iframe标签时,需要设置以下属性:1. src:指定要嵌入的网页或...
    99+
    2023-09-05
    HTML
  • HTML <iframe>内嵌网页框架标签怎么使用
    今天小编给大家分享一下HTML <iframe>内嵌网页框架标签怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文...
    99+
    2022-10-19
  • html在font标签内如何使用color颜色
    这篇文章主要介绍“html在font标签内如何使用color颜色”,在日常操作中,相信很多人在html在font标签内如何使用color颜色问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望...
    99+
    2022-10-19
  • HTML中sup标签和sub标签如何使用
    本篇内容主要讲解“HTML中sup标签和sub标签如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML中sup标签和sub标签如何使用”吧! 在HT...
    99+
    2022-10-19
  • html如何使用acronym标签
    这篇文章主要为大家展示了“html如何使用acronym标签”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html如何使用acronym标签”这篇文章吧。 &...
    99+
    2022-10-19
  • html的form内部标签怎么使用
    本篇内容主要讲解“html的form内部标签怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html的form内部标签怎么使用”吧!   <htm...
    99+
    2022-10-19
  • HTML的datalist标签如何使用
    本篇内容介绍了“HTML的datalist标签如何使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! &...
    99+
    2022-10-19
  • html的!DOCTYPE标签如何使用
    本篇内容主要讲解“html的!DOCTYPE标签如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html的!DOCTYPE标签如何使用”吧! HTML ...
    99+
    2022-10-19
  • HTML中Li标签如何使用
    本文小编为大家详细介绍“HTML中Li标签如何使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML中Li标签如何使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。XML/...
    99+
    2022-10-19
  • html中如何使用fieldset标签
    这篇文章主要为大家展示了“html中如何使用fieldset标签”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html中如何使用fieldset标签”这篇文章吧...
    99+
    2022-10-19
  • HTML的DIV标签如何使用
    这篇文章主要介绍了HTML的DIV标签如何使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML的DIV标签如何使用文章都会有所收获,下面我们一起来看看吧。首先要认识DIV...
    99+
    2022-10-19
  • HTML中keygen标签如何使用
    这篇文章主要为大家展示了“HTML中keygen标签如何使用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML中keygen标签如何使用”这篇文章吧。 &...
    99+
    2022-10-19
  • HTML中td标签如何使用
    这篇文章给大家分享的是有关HTML中td标签如何使用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。     HTML<td>标签  ...
    99+
    2022-10-19
  • HTML中progress标签如何使用
    这篇文章主要介绍了HTML中progress标签如何使用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     HTM...
    99+
    2022-10-19
  • HTML中title标签如何使用
    这篇文章主要介绍了HTML中title标签如何使用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     HTML&l...
    99+
    2022-10-19
  • HTML中rt标签如何使用
    这篇文章主要介绍了HTML中rt标签如何使用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     HTML<r...
    99+
    2022-10-19
  • HTML中th标签如何使用
    小编给大家分享一下HTML中th标签如何使用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!     HTML<th>标签     实...
    99+
    2022-10-19
  • html中tt标签如何使用
    这篇文章主要介绍html中tt标签如何使用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!   HTML <tt> 标签 - HTML5 不支持   实例   定义打...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作