iframe—网页中嵌入其他网页

分类 : Web前端
iframe 是一个可以把另外一个网页嵌入到一个网页里的代码,非常有用。对于一个内容不错的网页,要方便地把它搬到自己的博客里,用这个代码最合适。而对于在新浪博 客里不支持的一些网页效果和代码,可先把他们设置好,在支持他们的网站上使用,或上传到一个免费的网络空间或网络硬盘里,获取相应的网页地址,然后用 iframe嵌入到新浪博客里,非常好用!

一、固定位置的iframe代码:

<DIV align=center><IFRAME src="http://weather.1265.com/weather.htm " frameBorder=0 marginwidth=0 marginheight=0 scrolling=no style="width168:px;height:50px ;" width=168  height=50 scrolling=no ALLOWTRANSPARENCY="true"></IFRAME></DIV>

效果如下:

将一个html页面中嵌入另一个html页面需要使用到iframe标签。 iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌套页面边框,leftmargin左边距,topmargin上边距 扩展资料: 嵌入页面的几种方法: 一、应用框架技术 在页面中嵌入外部页面的

Iframe嵌套HTML网页的用法?比如说我有两个超链接,还有两个Message1.HTML和Message2.HTML页面 和两显示网页1 显示网页2 target关联框架名就可以了。


说明:这是一个嵌入含有天气预报的应用实例。这个效果最常用。其中:

1、"http://weather.1265.com/weather.htm" 为嵌入的网页的地址;

2、width="168px"  height="50px "为嵌入的网页的宽度和高度,数值越大,范围越大;要隐藏显示嵌入的内容,可把这两个数值设置为 0 ;

3、scrolling="no" 为嵌入的网页的滚动设置,当内容范围大时,可设置为允许滚动为 scrolling="yes"。 ALLOWTRANSPARENCY="true" 为允许透明设置,把true改为no为不透明。下同;

4、frameBorder=0 为嵌入的网页的边框设置,0 表示无边框,1 表示边框粗细,数值越大边框越粗。下同;

5、marginwidth=0 marginheight=0 设置嵌入网页到边距的距离,0 表示无边距。下同;

新浪博客如何添加代码— 博客美容:如何添加自定义模块

二、 可更改嵌入网页内容的位置的iframe代码:

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=center>

<IFRAME src="http://blog.sina.com.cn/edaifengliu" frameBorder=0 width=1024 style="width1024:px;height:12000px ;" scrolling=no height=12000 ALLOWTRANSPARENCY="true"></IFRAME>

</DIV>

(效果略)

说明:这是一个在博客首页里嵌入另一个网页的应用实例,要在首页里使用。其奥妙在于 <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=center> 中的 style="LEFT: 0px; POSITION: absolute; TOP: 0px" 的设置。这个决定各种网页元素的位置的代码设置可以用来更改各种元素在一个网页中的显示位置。其中:

1、 LEFT: 0px 为的数值决定嵌入的网页内容的靠左的距离,数值越大离网页左边界越远;

2、TOP: 0px 为的数值决定嵌入的网页内容的靠上边的距离,数值越大离网页上边界越远;

3、POSITION: absolute; 为嵌入的网页的设置了绝对的位置,相当重要。另外,相对位置的设置是把absolute该为relative,但这个少用为妙。



相关文章

HTML 对象:Textarea type 属性

 


分类: Web前端    访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程

分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

方正中倩简体下载字体后如何安装,如何下载字体并安装
什么是css CSS 指层叠样式表
js const 和 var 的区别
html常用代码<⁄head> <bod
有谁知道80端口是干嘛用的
Iframe嵌套HTML网页的用法?
怎样使用iframe,在网页中插入页面
前端大文件上传代码,大文件上传
Azure Cosmos DB (二) SQL API 操作
C#遍历指定文件夹中的所有文件

最新

div css隐藏内容样式方法
OPPO Reno3 Pro远程守护怎么使用?
XP系统里让IE支持多线程下载怎么设置
qq电脑管家温度检测在哪设置的? QQ电脑管家怎么测电脑的温度
win7禁用ie浏览器方法 win7怎么把桌面的ie隐藏
WinXP笔记本声卡驱动无法成功安装的解决方法
XP⁄Win7共享⁄连接打印机设置详细 xp怎
华为笔记本蓝屏错误0xcoooo428怎么解决
企业如何部署微软Windows 8? Windows 8的开发历史
华为mate9怎样解指纹密码?

推荐阅读

c语言中break语句的作用
vscode----vue中HTML代码tab键自动补全
undefined是什么意思啊
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
DIV CSS字体(font-family)实现字体样式设置
C语言程序中break是什么意思?
C#语言之“string格式的日期时间字符串转为DateTime类型”
Mysql里表示布尔型的类型是什么
前端该怎么学?推荐一个学习路线!
sql中的modify语句,修改列属性


Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16