Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度。

属性值的默认单位是像素，但也可以用百分比来设定（比如 "80%"）。

实例

<iframe src="demo_iframe.html" width="200" height="200"></iframe>

Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。

设置属性值为 "0" 就可以移除边框：

实例

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

使用 iframe 作为链接的目标

iframe 可用作链接的目标（target）。

链接的 target 属性必须引用 iframe 的 name 属性：

<!DOCTYPE html>

<html>

<body>

<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>

<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

<p><b>注释：</b>由于链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开。</p>

</body>

</html>



												


											
iframe 内联框架的更多相关文章
	

    
						
  1. 重写iframe内联框架中的内容
		
    重写iframe内联框架中的内容,不使用src指向页面url,主动写入HTML代码: var ifr = document.getElementById("CMBC-certificatio ...
    
		
    2. 
						
  2. 第48天学习打卡（HTML 行内元素和块元素 列表 表格 视频和音频 页面结构分析 iframe内联框架 表单语法 ）
		
    行内元素和块元素 块元素 ​ 无论内容多少,该元素独占一行 ​ (p.h1-h6) 行内元素 ​ 内容撑开宽度,左右都是行内元素的可以排在一行 ​ (a.strong.em...) 列表 什么是列表  ...
    
		
    3. 
						
  3. 计算机网络之iframe内联框架跨域
		
    iframe框架同源下的数据调用 iframe框架非同源下的数据传输 一.iframe框架同源下的数据调用 1.父窗口向子窗口获取数据 //html1父级窗口 <iframe src=" ...
    
		
    4. 
						
  4. __x__(14)0906第三天__<iframe> 内联框架  引入有一个外部html页面
		
    在现实开发中,不推荐使用内联框架,因为<iframe></iframe>中的内容不会被搜索引擎检索. 在特殊情况中,如内网项目,不用放在互联网上时,可以使用<iframe ...
    
		
    5. 
						
  5. Iframe内联框架
		
    iframe:内联框架标签,用于在网页中任意的位置嵌入另一个网页 <iframe src="url地址"> </iframe> iframe标签的常用属性  ...
    
		
    6. 
								
  6. 如何利用JQuery获取iframe内联框架对象?
		
    parent.$("#iframeID").get(0).contentWindow; 父.$("选择器").get(0).contentWindow; get ...
    
		
    7. 
						
  7. HTML5 内联框架iFrame
		
    由于现在frame和frameset很少使用,已经过时了,已经被div+CSS代替了,所以,这里只是举例说明一下,当下还在使用的内联框架iFrame 所谓的iFrame内联框架,我的理解就是在网页内部 ...
    
		
    8. 
						
  8. HTML的内联框架(iframe)
		
    HTML的内联框架(iframe) 第一种:打开网页就是带内联框架的页面 可以实现在自己的网页内部,打开另一个网页 语法: <!--src:地址frameborder:0为无边框:1为有边框-- ...
    
		
    9. 
						
  9. html5--1.16 内联框架
		
    html5--1.16 内联框架 学习要点: 1.iframe内联框架2.综合实例1 1.iframe内联框架 1.iframe元素用来在文档中添加一个内联框架. 2.iframe为body元素的子元 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. pycharm安装python模块
			
    这个工具真的好好,真的很喜欢,它很方便,很漂亮,各种好 pycharm安装python模块:file-setting-搜索project inte OK
    
			
    2. 
						
  2. 对oracle数据库进行增删改更新操作，executeUpdate()执行卡住了
			
    原因是:oracle数据库更新数据后需要commit,不然会堵塞,就会卡住 那么每次调用executeUpdate()完后,数据库要自动commit才可以. 我的基类加了一下,注意红色字体部分代码:  ...
    
			
    3. 
						
  3. TortoiseSVN 过滤文件（包括已提交和未提交）
			
    一:svn 设置过滤文件方式 1.选中需要过滤的文件夹或者文件---右键---TortoiseSVN---Add to Ignore list(如果不显示说明该目录已经被添加) 2.在当前工作区域 不 ...
    
			
    4. 
						
  4. Linux下python升级至2.7
			
    1. 下载python源码包 wget http://www.python.org/ftp/python/2.7.3/Python-2.7.3.tgz2. 解压 tar -xjf Python-2.7 ...
    
			
    5. 
						
  5. python标准模块（一）
			
    本文会涉及到的模块: time datetime sys os random re hashlib 模块,用若干代码实现了某个功能的代码集合. 类似于函数式编程和面向过程编程,函数式编程则完成一个功能 ...
    
			
    6. 
						
  6. Python基本数据类型之list
			
    一.创建列表: li = [] li = list() name_list = ['alex', 'seven', 'eric'] name_list ＝ list(['alex', 'seven', ...
    
			
    7. 
						
  7. 通过rsync搭建一个远程备份系统（一）
			
    前言 我公司是电子商务公司,全部是linux系统,每天的网站数都在增加,为了保证安全,需要建立一个远程容灾系统,将网站数据每天凌晨1点备份到远程服务器上,由于数据量大,每天进行进行增量备份,仅仅备份当 ...
    
			
    8. 
						
  8. 机器学习笔记--KNN算法1
			
    前言 Hello ,everyone. 我是小花.大四毕业,留在学校有点事情,就在这里和大家吹吹我们的狐朋狗友算法---KNN算法,为什么叫狐朋狗友算法呢,在这里我先卖个关子,且听我慢慢道来. 一 K ...
    
			
    9. 
						
  9. jQuery基础(2)-- jQuery 选择器
			
    jQuery 选择器允许您对 HTML 元素组或单个元素进行操作.jQuery 选择器基于元素的 id.类.类型.属性.属性值等"查找"(或选择)HTML 元素. 它基于已经存在的 ...
    
			
    10. 
						
  10. Saltstack 介绍、安装、配置（一）
			
    Slatstack 介绍 官网:https://saltstack.com/ 官方源:http://repo.saltstack.com/  (介绍各操作系统安装方法) http://repo.sal ...
    
			
    11.