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

这两天在忙着做一个小的网站,有几个已经做好的页面,不想在对齐进行更改,想着直接嵌入到对应的页面中就好了,于是乎大胆尝试使用iframe框架,没想到第一次做竟然成功了,现在就来将分享给大家哈

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

(0)

相关推荐

  • 如何在网页中插入动态变化的日期

    插入动态变化的日期是通过插入代码来实现的.今天我就教大家如何在网页中插入动态变化的日期. 操作方法 01 打开Adobe Dreamweaver CC 2015. 02 执行"文件>新 ...

  • 如何用HTML5向网页中插入音频

    我们进行网页开发的时候,经常需要在网页中插入音频.运用HTML4的技术很难实现这个需求.而用HTML5去实现插入音频的功能却很简单方便.下面小编通过实例给大家讲解一下. 操作方法 01 打开Subli ...

  • 怎样在html网页中插入视频

    html技术发展得非常快,比如现在html5已经支持在网页中插入视频了.今天咪咪我就来教教大家怎样在html中插入视频. 操作方法 01 第一步,在Hbuilder中新建一个项目,然后把视频素材给保存 ...

  • 怎样用Visual Studio在网页中插入一张背景图片

    制作网页就需要插入背景图片,如何用Visual Studio在网页中插入背景图片呢?笔者与大家分享一下操作. 操作方法 01 首先,Visual Studio打开一个网站,本例为TwoFish,在网站 ...

  • 【网页制作】怎样在网页中插入音乐

    在网页中插入音乐是一个很简单的操作,在网页源码里面插入一个名为"embed "标签即可了.要注意你插入的音乐名字一定不要中文否则播放不了.下面给大家讲解如何操作. 操作方法 01 ...

  • 怎样在网页中插入透明flash背景

    在网页制作过程中,我们常常需要实现一种效果,就是将flash效果(通常是粒子效果) 叠加到图片之上,从而表现出更加逼真.形象的效果来.同时用好透明flash背景也是网页设计人员必备的基本技能.下面小编 ...

  • 怎么利用来给网页中插入网页

    操作方法 01 经常我看到很多网页中又有一个网页,还以为是用了框架,其实不然,是用了<IFRAME>,它只适用于IE,NS可是不支持<IFRAME>的,但围着的字句只有在浏览器 ...

  • 怎么在网页中插入视频

    Dreamweaver 是一款网页设计工具,已经问世很多年了,依然有新手不知道怎么用,这里来介绍下. 操作方法 01 打开软件后,在新建中点击"HTML",将新建一个空白的html ...

  • 如何在PDF文件中插入页面或文件

    在编辑PDF文件的时候,如果需要添加页面或者插入其他PDF文件页面该怎样操作?编辑PDF文件是否像office文档那样操作简单?下面就来讲下PDF文件怎么添加页面的. 操作方法 01 因为PDF文件在 ...