0411-39943997
工作时间:周一至周日 8:30-22:00
技术?#30446;?br /> Technical Library
HTML Iframe
标签: HTML知识  访问: 7232019-07-16

HTML Iframe

iframe 用于在网页内显示网页。

添加 iframe 的语法

<iframe src="URL"></iframe>

URL 指向隔离页面的位置。

Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度。

属性值的默?#31995;?#20301;是像素,但?#37096;?#20197;用百?#30452;?#26469;设定(比如 "80%")。

实例:

<!DOCTYPE html>
<html>
<body>

<iframe src="/example/html/demo_iframe.html" width="200" height="200"></iframe>

<p>某些老式的浏览器不支持内联框架。</p>
<p>如果不支持,则 iframe 是不可见的。</p>

</body>
</html>

image.png

Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。

设置属性值为 "0" 就可以移除边框:

实例:

<!DOCTYPE html>
<html>
<body>

<iframe src="/example/html/demo_iframe.html" frameborder="0"></iframe>

<p>某些老式的浏览器不支持内联框架。</p>
<p>如果不支持,则 iframe 是不可见的。</p>

</body>
</html>

image.png

使用 iframe 作为链接的目标

iframe 可用作链接的目标(target)。

链接的 target 属?#21592;?#39035;引用 iframe 的 name 属性:

实例:

<!DOCTYPE html>
<html>
<body>

<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>

<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

<p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>

</body>
</html>

image.png

image.png

本站关键词:大连网站建设  |  大连网络公司




Copyright? 2015 仟亿科技,All rights reserved.
快乐8开奖实况
能帮助别人打字自己赚钱的软件下载 微派农场真能赚钱吗 福建22选5 剑网三节日赚钱 雷速体育里怎么买 大赢家篮球比分 万通彩票安卓 运哈商务能赚钱吗 北单比分新浪直播 鸭脖卤菜赚钱吗 北京快三 电商微商到底怎么赚钱 携程 发文 赚钱 苹果游戏赚钱吗 188比分网 财神捕鱼jdb官方版