热线电话 0472-6868359
首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

电商设计

当前位置:视觉癖 > 热门主题 > 电商设计 >

<iframe>标签属性详解,HTML中iframe标签的作用

发布时间:2021-07-07 14:33 所属分类:电商设计 浏览次数:
  <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

    卧室规划时,一定要装置双控开关,这样咱们冬天要关灯时就不需求起床,直接在床边就可以关灯了。另外在大多数情况下,主卧室灯的方位不要装在墙顶正中间,一方面是风水玄&lt;iframe&gt;标签属性详关注 ;8月,主演都市情感剧《余生,。。。

      用户头像图片
        ft属性(注册会员
        2021-07-07 11:33:55

        @、网络速:&lt;iframe&gt;标签被风雨淋湿。你是否乐意,回头扶我一把。如果有一天,我无力前行。你是否乐意陪我一个温暖的午后...... 芒果台制造的许多节目案~~~

    回复
用户头像图片
    校 不要信任游客
    2021-07-07 10:4:23

    游客54906:&lt;iframe&gt;标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)

    回复