怎样使用iframe,在网页中插入页面

作者:哈哈小脸 | 创建时间: 2023-04-11
这两天在忙着做一个小的网站,有几个已经做好的页面,不想在对齐进行更改,想着直接嵌入到对应的页面中就好了,于是乎大胆尝试使用iframe框架,没想到第一次做竟然成功了,现在就来将分享给大家哈...
怎样使用iframe,在网页中插入页面

操作方法

首先,我们使用DreamWeaver新建一个站点,将我们需要归纳到一个页面的网页都包含在这个站点里面。

然后我们找到一个需要嵌入页面的html文件,使用DW软件打开,找到需要插入页面的位置。

然后我们输入<iframe></iframe>标签。在前半个标签的里面,空格一下就会出现我们可以设置的属性。

我们需要设置src,即我们需要引用的页面的地址。并且,我们可以简单的设定一下我们的iframe框架的border以及是否有滚动条

除此之外,我们还应该设定这个iframe框架的宽度,一般来说我们都将其宽度设为100%,高度设为500px,由于在iframe标签内设置的宽和高都是具体值,我们需要给iframe一个class,然后设置style

这样一个iframe框架就嵌入到我们的网页当中了,我们可以按下ctrl+s,并按下F12,就可以在浏览器中查看效果图,我用红色框起来的部分就是我们嵌入的页面

温馨提示

看过之后是不是很简单呢,大家快点自己动手做一个demo吧
点击展开全文

更多推荐