iframe嵌入网页的用法

 
iframe 并不是很常用的,在标准的网页中非常少用。但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣。
<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。我们举第一个例子,具体代码如:
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,这里的URL可以是相对路径,也可以是绝对路径,效果如:
width表示宽度,height表示宽度,可根据实际情况调整。
scrolling表示是否显示页面滚动条,可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。
二、如何实现页面上的超链接指向这个嵌入的网页?
只要给这个iframe命名就可以了。方法是<iframe name=**>,例如我命名为aa,写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>,然后,网页上的超链接语句应该写为:<a href=URL target=aa>
效果如下,请点击这里:中央电视台
三、如果把frameborder设为1,效果就像文本框一样,如下:
內嵌框架 iframe
怎麼做的?
<iframe src="iframe_test.htm"></iframe>
參數
說明
使用範例
 
align
對齊, TOP( ) BOTTOM( ) LEFT( ) RIGHT( ) MIDDLE( )
align="right"
 
frameborder
邊框
frameborder="0"
 
height
iframe
height="50"
 
width
iframe
width="400"
 
marginheight
上下邊界
marginheight="2"
 
marginwidth
左右邊界
marginwidth="2"
 
scrolling
捲動軸 yes, no, auto
scrolling="no"
 
name
為框架命名,超連結 target 使用
Yahoo IBM
<a href="http://www.yahoo.com" target="out">Yahoo</a>
<a href="http://www.ibm.com" target="out">IBM</a>
<iframe src="iframe_test.htm" name="out"></iframe>
 
 
 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值