2023-07-01 04:40:05 来源 : 互联网
1、比如我们可以把别人网站的内容加载到自己的网站页面上,直接嵌入到相应的页面中。这里我们简单梳理一下iframe的用法,方便有需要的朋友:
2、Inline frame usage?
(资料图片仅供参考)
3、首先,我们用DreamWeaver创建一个新的站点,把所有需要的页面汇总成一个页面。
4、然后我们找到一个需要嵌入页面的html文件,用DW软件打开,找到页面需要插入的位置。
5、然后我们输入iframe/iframe标签。在标签的前半部分,我们可以设置的属性将以一个空格出现。
6、我们需要设置src,这是我们需要引用的页面的地址。此外,我们可以简单地设置我们的iframe框架的边界以及是否有滚动条。
7、另外,我们还应该设置这个iframe框架的宽度。一般来说,我们把它的宽度设为100%,高度设为500px。因为iframe标签中设置的宽度和高度是具体的值,所以我们需要给iframe一个类。
8、然后定风格。
9、这样的iframe框架就嵌入在我们的网页中。我们可以按ctrl s和F12在浏览器中查看效果图。我用红色框出的部分是我们的嵌入页面。
10、Inline frame usage?
本文到此结束,希望对大家有所帮助。
标签: