HTML的框架frameset和iframe标签

百合不是茶

浏览: 354715 次

最近访客更多访客>>

dd533

01nsglj

yhz61010

petehero

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Html+CSS+HTML5

框架标签 target属性及自定义

这几天上课实在是太难受了,由于前几天咽喉炎发了,一直到现在上课都没有什么精神,太难受了,只好加紧的赶上来了,通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份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>