frameset、frame和iframe

最新推荐文章于 2022-05-12 16:41:19 发布

caiyu1988002

最新推荐文章于 2022-05-12 16:41:19 发布

阅读量223

点赞数

文章标签：框架网页游戏游戏音乐 HTML

本文链接：https://blog.csdn.net/caiyu1988002/article/details/83949925

版权

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>