<iframe>标签属性详解,HTML中iframe标签的作用
<iframe>标签属性详解,HTML中iframe标签的作用
有些时候我们并不需要显示iframe标签属性src指定的目标网页的所有内容,往往只需要显示某一特定区域。现有两种实现方法提供,但严禁使用此方法用于欺骗、隐瞒目的。
这里用到了Iframe的一些属性,稍微介绍下:1.marginheight属性规定框架内容与框架的上方和下方之间的高度,以像素计。2.maiginweidth属性规定框架内容与框架的左侧和右侧之间的高度,以像素计。3.vspacey方向显示的区域,负值为从目标网页最上面开始截取的部分,正值为y值+从上部开始内容区域4.hsapcex方向显示的区域,负值为从目标网页左侧开始截图的部分,正值为x值+从左侧开始内如区域5.src目标网页的地址,可以为html,asp,文本等内如6.frameborder框架边框,0为无边框(画中画效果)7.scrolling是否显示滚动,yes显示8.align:指定浮动窗口内的页面相对于浮动窗口的位置,它的值有left、right、top、middle、bottom9.marginwidth、marginheight目标网页被框架覆盖的深度
方法一,以百度主页http://www.baidu.com为例,去掉百度的Logo部分,代码与效果如下:
<html><head><title>Iframe标签显示目标网页的指定区域,方法1</title></head><body><divalign="center"><iframewidth="800"height="600"src="http://www.baidu.com"scrolling="no"hspace="-100"vspace="-150"></iframe></div></body></html>
方法二,使用DIV控制,这也是使用iframe框架的好处,因为它不像frame,它可以显示的网页的任意区域代码如下:
<html><head><title>Iframe标签显示目标网页的指定区域,方法1</title></head><body><divalign="center"style="margin:0auto;"><divstyle="width:800px;height:600px;overflow:hidden;border:0px"><divstyle="width:500px;height:800px;margin:-153px0px0px-10px;"><iFramesrc="http://www.baidu.com"width="800"height="600"scrolling="no"></iFrame></div></div></div></body></html>
作品标签:
优秀作品:
最新作品:
评论列表(共264人参与)参与讨论或分享设计作品获得视觉癖积分奖励
n.金,注册会员
2021-07-07 12:57:6
、名雕装饰(中大户型专家)、2、居众装饰(高端装饰知名企业)、3、浩天装饰(知名规划公司)、4、金紫荆装饰(性价比整装公司)、5、海大装饰(知名高端装饰规划企业)、6、乐蜂装饰(质> 这个上标是文字格局的一种,在Word里,有关字的特别作用基本上是用文字格局来完成的。下面
回复、网络速注册会员
2021-07-07 1:33:42
校 不要信任游客
2021-07-07 10:4:23
游客54906:<iframe>标1-210F11R946.jpg" style="height: 380px; width: 400px;" /> 11、爱上囍事儿,爱囍儿婚纱拍摄店。 排版软件" src="/uploads/allimg/210701/1-210F1101237.jpg" style="height: 287px; width
回复伤痕,却注册会员
2021-07-07 6:39:54
规定框架内容与框架的左侧和右侧之间的高度,以像素计。3.vspacey方向显示的区域,负值为从目标网。同时,它们在印刷出版物中也很常见,例如杂志和报纸。 2.2无衬线字体(Sansseriffonts)
回复