HTML iframe 标签[通俗易懂]

HTML iframe 标签[通俗易懂]定义和用法iframe元素会创建包含另外一个文档的内联框架(即行内框架)把需要的文本放置在和之间,这样就可以应对无法理解iframe的浏IFrame对象IFrame对象代表一个HTML的内联框架在HTML文档中每出现一次,一个IFrame对象就会被创建。属性frameborder=1或0规定是否显示边框height=pixels或%…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

定义和用法

  • iframe 元素会创建包含另外一个文档的内联框架(即行内框架)
  • 把需要的文本放置在 和 之间,这样就可以应对无法理解 iframe 的浏

    IFrame 对象

  • IFrame 对象代表一个 HTML 的内联框架
  • 在 HTML 文档中 每出现一次,一个 IFrame 对象就会被创建。
  • 属性

  • frameborder = 1或0 规定是否显示边框
  • height =pixels 或 % 规定iframe的高度
  • width = pixels 或 % 规定iframe的宽度
  • src =URL 规定在iframe中显示的文档的URL
  • <html>
    	<head>
    		<title>iframe标签</title>
    		<meta charset="utf-8">
    	</head>
    	<body>
    	<iframe
    		src="http://www.baidu.com " 
    		width="100%" 
    		height="300px"
    		frameborder="0"
    		>
    	</iframe>
    	</body>
    </html>
    
    

    Jetbrains全家桶1年46,售后保障稳定

    在这里插入图片描述

    内联框架

    <html>
    	<head>
    		<title>我的第iframe跳转页面</title>
    		<meta charset="utf-8">
    	</head>
    	<body>
    		<a href="http://www.baidu.com" target="myFrame">百度</a>
    		<a href="http://www.qq.com" target="myFrame">QQ</a>
    		<a href="http://www.sohu.com/" target="myFrame">搜狐</a>
    		<iframe 
    			name="myFrame"
    			width="100%"
    			frameborder="0"
    			height="100%"
    		>
    		</iframe>
    	</body>
    </html>
    

    在这里插入图片描述

    [学习链接](https://www.w3school.com.cn/jsref/dom_obj_iframe.asp)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/219171.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 《大话设计模式》笔记-模式0 简单工厂模式

    《大话设计模式》笔记-模式0 简单工厂模式

  • CEGUI 动画

    CEGUI 动画最新的版本支持动画,使用Animation类.项目中使用的是7.1的版本,不支持动画,leader说不使用最新版本的CEGUI库,就使用7.1,无奈,自己写一个动画类吧.CEGUI中播放动画是将一个动画的每帧连续不断的画到屏幕上,就形成了动画.就像小时候在书的边页上面画的小人,每一页都画一个小人,每个小人的动作都有点不同,这样快速翻书的时候,小人就成了动画.源代码如最后所贴,原理性的东西就不多讲,…

  • DOS命令大全–具体解释

    DOS命令大全–具体解释

  • linux 拼音输出繁体_解决rime仓颉拼音反查为繁体的问题

    linux 拼音输出繁体_解决rime仓颉拼音反查为繁体的问题和昆明IT没关系,不过困扰我好几年的事解决了,占地发一下:rime有个很强的地方:仓颉输入的时候,想不起来,可以输入拼音,能提示对应字的仓颉的输入法.也就是能用拼音反查对应的仓颉输入码.这样太方便学习了,可是…切到简体输入后,输拼音反查时,有时提示的是对应字的繁体字,囧.改配置(无效)编辑文件linux在vim/home/bigzhu/.config/fcitx/…

  • Pycharm安装使用TensorFlow[通俗易懂]

    Pycharm安装使用TensorFlow[通俗易懂]众多深度学习的初学者都会面临环境搭建的问题,本文根据亲身经历说明几个关键步骤:1.安装Pycharm,其中社区版免费,可以直接去pycharm官网下载安装https://www.jetbrains.com/pycharm/download/2.安装Anaconda,初学者不用急于安装最新版本的Anaconda(尤其是硬件设备并非最新的初学者,因为我注意到很多初学者的设备就是自己的笔记本或者台式机,一些并没有独立显卡,或者是NVIDIA730之类的台式机显卡,无法使用最新的深度学习包,以及一些CUD

  • git中ssh配置方法(ssh配置文件详解)

    前言:前几天在写博客手把手教你用Hexo+github搭建自己博客的时候,经常需要用到一些git操作,截了好多图,于是就想干脆整理成一系列的git教程,总结如下Git下载及配置环境变量Git命令行教程及实例教程Gitssh配置及使用gitssh配置多个账户Gitconfig使用说明Git配置别名——让命令变得更简单闲聊这篇教程是在电脑

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号