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

来源：互联网 2023-03-16 19:19:28 324

浮动框架类似于frame，但是和frame不一样。下面，小编会详细说滴。

工具/原料

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

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

OK，来看下iframe的语法。

iframe src="源页面">/frame>

简单吧。

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

1）width:框架的宽度

2）height:框架的高度

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

4)scrolling：滚动条显示属性

上例子：

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

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

看网页效果图

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

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

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

框架br/>iframe src="2.html" width="200" height="500">/iframe>我是框架br/>

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

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

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

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

框架br/>iframe src="2.html" width="200" height="500" align="right">/iframe>我是框架br/>

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

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

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

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

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

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

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

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

9该信息非法爬取自百度经验

使用框架结构之fr...|下一篇：

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML