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)

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • JS ajax 例子「建议收藏」

    JS ajax 例子「建议收藏」用js,jQuery编写ajax的样式,三种写法,例子://用js原生写法functionsendGet(url){xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){ //获取服务器响应 document…

    2022年7月13日
    13
  • 【数据库学习】数据库总结[通俗易懂]

    【数据库学习】数据库总结[通俗易懂]1,数据库1)概念数据库是长期存储在计算机内、有组织的、可共享的大量数据的集合。常见数据库管理系统有:Access、mysql、sqlserver2)特点①数据库数据特点永久存储、有组织、可共享。(数据的最小存取单位是数据项)②数据库系统的特点数据结构化数据的共享性,冗余度,易扩充数据独立性高逻辑数据独立性(logicaldata…

    2022年4月30日
    49
  • Oracle修改表名、主键、索引、外键删除重建

    Oracle修改表名、主键、索引、外键删除重建最近因为要对现有的表结构进行更改,并重建一套与重改之前一模一样的一套表,所以整理了一些SQL,以后备用。(至于为什么要这样做,是因为需要将源表清空,但数据量过大,时间比较紧,所以就不再备份了,索性直接RENAME表名,修改表结构用来当备份表,再重建一套改名前一模一样的系列空表)。以下提及的SQL有可能涉及数据操作,注意先备份。

    2022年5月17日
    51
  • 河北对口计算机专业一分一档6,2019河北高考一分一档表成绩排名(理科)[通俗易懂]

    河北对口计算机专业一分一档6,2019河北高考一分一档表成绩排名(理科)[通俗易懂]2019年河北省普通高校招生文理科一分一档统计表2019河北高考一分一档统计表公布2019河北高考一分一档统计表公布22019河北高考一分一档统计表公布32019河北高考一分一档统计表公布42019河北高考一分一档统计表公布52019河北高考一分一档统计表公布62019河北高考一分一档统计表公布72019河北高考一分一档统计表公布82019河北高考一分一档统计表公布92019河北高考一分一档统计表…

    2022年7月13日
    48
  • liunx清理磁盘du -h –max-depth=1 /data/*「建议收藏」

    liunx清理磁盘du -h –max-depth=1 /data/*

    2022年1月21日
    37
  • 怎么创建java文件_如何创建java文件

    怎么创建java文件_如何创建java文件如何创建java文件?(1)开启Eclipse程序后,首先开始Eclipse中JAVA项目的新建,在上方的选项栏中选择“File——New——JavaProject”,系统会弹出新建项目的属性设置。(2)在JavaProject的设置页面,主要设置project的项目名称设置,以及路径设置,“JavaProject”的路径,一般是默认路径,取消“Usedefaultlocation”的勾…

    2022年6月18日
    25

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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