HTML的框架frameset和iframe标签

    这几天上课实在是太难受了,由于前几天咽喉炎发了,一直到现在上课都没有什么精神,太难受了,只好加紧的赶上来了,通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

 

Frameset框架:

  • 框架结构标签(<frameset>)定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行
  • rows/columns 的值规定了每行或每列占据屏幕的面
  • *表示剩下的全部,一个frameset标签中只能出现一个*

 

创建frameset单标签,frameset标签是创建在head和body之间的

 

terget的属性;

_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

 

 

++++++++++使用frameset标签来设置图片的显示;

  1,创建图片指定显示的网页,terget是设置显示连接的方式 自定义,

<html>
 <head>
 
 </head>
 <body>
 <a href="Image/grace.jpg" target="_center"> <img src="Image/grace.jpg" /></a>
 
 </body>
</html>

 

   2创建图片显示的网页

  使用框架在一个页面中显示两个网页  rows是分成两行60%和40%  name="_center"是自定义terget的连接  属性

<html>
 <head>
  </head>
<frameset rows="60%,*">
  <frame src="first.html"   name="_center" />
  <frame src="new1.html" />
</frameset>
 <body>
 </body>
</html>

 

 没有点击过得



 

点击之后的



 

 

 

+++++++++++内连接的框架iframe和frameset的用法相似

Iframe - 设置高度和宽度

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

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

 

在页面某块区域显示百度首页(内联框架);

 

<html>
 <head>

 <meta http-equiv="content-type" content="text/html;charset=gbk"/>
 </head>
<
 <body>
 <iframe src="first.html"  name="_center"></iframe>
 <p><a href ="http://www.baidu.com" target="_center">百度</a></p>

 </body>
</html>

 

 

 

 

 

 

 

直到现在我终于搞清楚frameset标签和iframe标签的用法

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值