码迷,mamicode.com
首页 > Web开发 > 详细

HTML框架

时间:2015-05-25 23:56:52      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

iframe语法:<iframe src="URL"></iframe>该URL指向不同的网页。

Iframe - 设置高度与宽度实例:

<!DOCTYPE html>
<html>
<body>

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

<p>Some older browsers don‘t support iframes.</p>
<p>If they don‘t, the iframe will not be visible.</p>


</body>
</html>    

效果:
技术分享

Iframe - 移除边框实例:

<!DOCTYPE html>
<html>
<body>

<iframe src="http://www.w3cschool.cc/" width="200" height="200" frameborder="0">
 <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

</body>
</html>

效果:frameborder 属性用于定义iframe表示是否显示边框,设置属性值为 "0" 移除iframe的边框:
技术分享

使用iframe来显示目录链接页面实例:

<!DOCTYPE html>
<html>
<body>

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3cschool.cc" target="iframe_a">W3Cschool.cc</a></p>

<p><b>Note:</b> Because the target of the link matches the name of the iframe, the link will open in the iframe.</p>

</body>
</html>    

效果:

技术分享

 

HTML框架

标签:

原文地址:http://www.cnblogs.com/yxmm/p/4529058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!