HTML网页制作：[13]浮动框架iframe

时间：2026-02-14 08:07:39

1、浮动框架式一种比较特别的框架，和frame比较类似。不过frame必须在frameset中才可以，而iframe不一样，首先，他是一种内联框架，其次，他可以放在网页中的任何位置。

所以，iframe可以直接放置在<body></body>中或者其他标签之中。

2、OK，来看下iframe的语法。

简单吧。

当然，还有其他的一些属性：

1）width:框架的宽度

2）height:框架的高度

3）align:框架的对齐方式，左对齐left，右对齐right，居中middle，底部对齐botton.

4)scrolling：滚动条显示属性

3、上例子：

框架<br/><iframe src="2.html"></iframe>我是框架<br/>

HTML网页制作：[13]浮动框架iframe

4、看网页效果图

在body中，插入了一个浮动框架，浮动框架插入的就是2.html网页

HTML网页制作：[13]浮动框架iframe

5、OK，我们来改变下浮动框架的高度和宽度

框架<br/><iframe src="2.html

HTML网页制作：[13]浮动框架iframe

6、看网页效果，他的高度和宽度都被我改变了。

HTML网页制作：[13]浮动框架iframe

7、再来试着改变他的对齐方式。

框架<br/><iframe src="2.html

HTML网页制作：[13]浮动框架iframe

8、网页效果如下，其已经变成了右对齐了

HTML网页制作：[13]浮动框架iframe

9、当然，还有其他更多的属性，这里只介绍了一些简单的。

嗯，后面我会写上如何给iframe和frame添加链接的目录架构。

就是点击目录，然后在一个框架中显示不同的内容。

请关注我后续关于网页的经验吧。我会写的越来越高端的。

HTML网页制作：[13]浮动框架iframe