iframe页面 公司网站页面设计
大家好,今天小编来为大家解答iframe页面这个问题,公司网站页面设计很多人还不知道,现在让我们一起来看看吧!
怎样使用iframe,在网页中插入页面
首先,我们使用DreamWeaver新建一个站点,将我们需要归纳到一个页面的网页都包含在这个站点里面。
2
然后我们找到一个需要嵌入页面的html文件,使用DW软件打开,找到需要插入页面的位置。
3
然后我们输入<iframe></iframe>标签。在前半个标签的里面,空格一下就会出现我们可以设置的属性。
4
我们需要设置src,即我们需要引用的页面的地址。并且,我们可以简单的设定一下我们的iframe框架的border以及是否有滚动条
5
除此之外,我们还应该设定这个iframe框架的宽度,一般来说我们都将其宽度设为100%,高度设为500px,由于在iframe标签内设置的宽和高都是具体值,我们需要给iframe一个class,然后设置style
6
这样一个iframe框架就嵌入到我们的网页当中了,我们可以按下ctrl+s,并按下F12,就可以在浏览器中查看效果图,我用红色框起来的部分就是我们嵌入的页面
如何用iframe代码显示调用网页的指定部分
以百度主页为例,去掉百度的Logo部分,代码与效果如下:
< html>
< head>
<title>Iframe标签显示目标网页的指定区域,方法1</title>
</head
< body>
< div align="center">
< iframe width="800" height="600" src="" scrolling="no" hspace="-100" vspace="-150"></iframe>
</div></body>
</html>
扩展资料:
Iframe的一些属性:
1、marginheight属性规定框架内容与框架的上方和下方之间的高度,以像素计。
2、maiginweidth属性规定框架内容与框架的左侧和右侧之间的高度,以像素计。
3、vspace y方向显示的区域,负值为从目标网页最上面开始截取的部分,正值为y值+从上部开始内容区域。
4、hsapce x方向显示的区域,负值为从目标网页左侧开始截图的部分,正值为x值+从左侧开始内如区域。
5、src目标网页的地址,可以为html,asp,文本等。
6、frameborder框架边框,0为无边框(画中画效果)。
参考资料来源:百度百科-iframe
HTML <iframe> 标签定义和用法
定义和用法:iframe元素会创建包含另外一个文档的内联框架(即行内框架)。
提示:您可以把需要的文本放置在<iframe>和</iframe>之间,这样就可以应对无法理解 iframe的浏览器。
属性①align
属性值:left、right、top、middle、bottom;
属性的作用:规定如何根据周围的元素来对齐此框架。
属性的说明:不赞成使用该属性。请使用样式代替。
属性②frameborder
属性值:1、0
属性作用:规定是否显示框架周围的边框。
属性③height
属性值:pixels、%
属性作用:规定 iframe的高度。
属性④longdesc
属性值:URL
属性作用:规定一个页面,该页面包含了有关 iframe的较长描述。
属性⑥marginheight
属性值:pixels
属性作用:定义 iframe的顶部和底部的边距。
属性⑦marginwidth
属性值:pixels
属性作用:定义 iframe的左侧和右侧的边距。
属性⑧name
属性值:frame_name
属性作用:规定 iframe的名称。
属性⑨scrolling
属性值:yes、no、auto
属性作用:规定是否在 iframe中显示滚动条。
属性(10)src
属性值:URL
属性作用:规定在 iframe中显示的文档的 URL。
属性(11)width
属性值:pixels、%
属性作用:定义 iframe的宽度。
OK,关于iframe页面和公司网站页面设计的内容到此结束了,希望对大家有所帮助。