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

 时间:2024-10-27 14:54:54

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

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

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

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

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

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

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

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

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

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

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

怎样使用iframe,在网页中插入页面
  • 如何将VEGAS工程文件导入AE
  • Mixly控制模块2说明
  • 如何用PHP往MySQL中插入数据
  • C4D中如何修改材质名称
  • Dreamweaver CS3使用资源面板创建模板
  • 热门搜索
    快乐阅读手抄报内容 童话手抄报图片大全 讲普通话 写规范字手抄报 我的梦想手抄报图片 国庆70周年手抄报内容 教师节手抄报大全 手抄报的图案 消防手抄报资料 关于春节的手抄报大全 尊师重教的手抄报