当前位置: 代码迷 >> Web前端 >> frameset、frame跟iframe
  详细解决方案

frameset、frame跟iframe

热度:469   发布时间:2012-10-21 09:00:08.0
frameset、frame和iframe

frameset??????? 它称为框架标记,是用来告知HTML文件是框架模式,并且设定可视窗口怎么分割
fram???????????? ? 它只是设定某一个框架窗口中的参数属性
iframe?????????? ?它是在一个页面中嵌入一个框架窗口

?

frameset的属性

1、cols???????????????????? 它是把整个画面竖向分割成几个画面
2、rows????????????????? ?它是把整个画面横向分割成几个画面
3、frameborder???????它表示设定这个框架的边框值。它的值只有两个0或者1.0表示不显示边框,1表示显示边框。
4、border????????????????它表示了边框的宽度
5、bordercolor?????????它是设定了框架边框的颜色

?

?

frame的属性

1、src????????????? 指在此框架窗口中要显示的网页档案的链接
2、name???????????? 指这个框架窗口的名称
3、framespacing???? 指框架和框架之间保留的空白的距离
4、scrlling???????? 指该框架窗口是否要显示滚动条
6、noresize???????? 指框架的尺寸不能被随意拖动,改变大小?
7、marginheight????? 指框架顶部和底部边缘所保留的空间的大小
8、marginwidth????? 指框架左右两边边缘所保留的空间的大小。?

frameset和frame标签必须在一起使用

?

frame有一个重要的值是target,它表示在指定的框架中打开网页

而target有四个值

1、blank??????????????? 它表示在一个新的窗口中打开链接网页

2、top?????????????????? 它表示在本窗口中打开链接网页

3、parent????????????? 在上一层的框架中打开链接网页

4、self?????????????????? 在超链接中打开链接网页

target是在编写导航时肯定会用到的

?

noframes????????????? 指当浏览器完全显示不出这个框架时,页面就会显示出<noframes></noframes>内的内容。

?

?

iframe的属性

1、name????????????????? 是框架窗口的名称
2、align?????????????????? 是框架窗口中内容的对其方式
3、width????????????????? 是框架窗口的宽,单位是pixels
4、height?????????????? 是框架窗口的长,单位是pixels
5、marginwidth????? 是插入的文件和框架左右边缘所保留的空间
6、marginheight???? 是插入的文件和框架上下边缘所保留的空间
7、frameborder????? 是指是否显示边框。1表示显示边框,0表示不显示边框
8、scrolling???????????? 是指是否允许使用滚动条。

?

利用frameset和frame可以把网页制作成所需要的不同大小的框架,可以用来布局。

iframe则是把一些网页嵌入到当前网页中,达到所需要的效果。

?

今天编写了一段简单的代码,是用frameset、frame和iframe制作的有导航和内嵌框架的页面,虽然说做出效果来了,但是相对来说,页面显示的效果很差,没有美化,看起来很简陋,所有明天的计划就是尽量把今天所做的网页美化,让它尽可能的好看。

<html>
<head>
<title>555</title>
</head>
<frameset rows="20%,*">
<frame src="file:///E|/学习期/2011.6.20/131.html">
<frame name="top">
</html>

<html>
<head>
<title>131</title>
</head>

<a href="file:///E|/学习期/2011.6.20/00.html" target="top">游戏</a>
<a href="file:///E|/学习期/2011.6.20/000.html" target="top">音乐</a>
</html>

<html>
<head>
<title>00</title>
</head>

<frameset cols="15%,*" >
<frame src="file:///E|/学习期/2011.6.20/03.html" noresize="noresize"></frame>
<frame name="left"></frame>
</frameset>
</html>

<html>
<head>
<title>000</title>
</head>

<frameset cols="15%,*" >
<frame src="file:///E|/学习期/2011.6.20/003.html" noresize="noresize"></frame>
<frame name="left"></frame>
</frameset>
</html>

<html>
<head>
<title>03</title>
</head>
<li><a href="file:///E|/学习期/2011.6.20/01.html" target="left">3D网络游戏</a>
<li><a href="file:///E|/学习期/2011.6.20/02.html" target="left">2D网络游戏</a>
</html>

<html>
<head>
<title>003</title>
</head>
<li><a href="file:///E|/学习期/2011.6.20/001.html" target="left">在线音乐</a>
</html>

<html>
<head>
<title>01</title>
</head>
<body>
<a href="http://aion.sdo.com" target="aa">永恒之塔</a>
<a href="http://dn.sdo.com" target="aa">龙之谷</a>
<a href="http://tx2.163.com/" target="aa">天下贰</a>
<a href="http://www.lineage2.sdo.com" target="aa">天堂2</a>
<a href="http://wulin2.wanmei.com" target="aa" >武陵外传</a>
<a href="http://sh.wushen.com" target="aa">神话</a><p>
<iframe width="800" height="400" name="aa" frameborder="0"> 
</body>
</html>

<html>
<head>
<title>02</title>
</head>
<body>
<a href="http://www.aiaigame.com" target="bb">极光世界</a>
<a href="http://ldj.changyou.com" target="bb">鹿鼎记</a>
<a href="http://xyq.163.com/" target="bb">梦幻西游</a><p>
<iframe width="800" height="400" name="bb" frameborder="0"> 
</body>
</html>

<html>
<head>
<title>001</title>
</head>
<body>
<a href="http://www.1ting.com/" target="cc">一听音乐网</a>
<a href="http://www.9ku.com/" target="cc">九酷</a><p>
<iframe width="800" height="400" name="cc" frameborder="0"> 
</body>
</html>

?

?

?

  相关解决方案