您现在的位置:首页 >> 前端 >> 内容

HTML框架

时间:2017/1/11 11:07:00 点击:

  核心提示:HTML框架通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。iframe语法:iframe src=*URL*/iframe该URL指向不同的网页。Iframe - 设置高度与宽度heigh...

HTML框架

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

iframe语法:

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

该URL指向不同的网页。

Iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如:”80%”).

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

Iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 “0” 移除iframe的边框:

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

使用iframe来显示目标链接页面

iframe可以显示一个目标链接的页面

目标链接的属性必须使用iframe的属性,如下实例:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p>
<a href="https://www.runoob.com" target="iframe_a">RUNOOB.COM</a>
</p>

注意:因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。

Tags:HT TM ML L框 
作者:网络 来源:风云海滩的博客