HTML - 框架iframe

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

iframe语法

<iframe src="url"></iframe>

注意:该URL指向不同的网页。

lframe - 设置高度与宽度

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

属性默认为像素为单位,但是我们可以指定其按比例显示(如50%)。

lframe - 移除边框

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

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

<iframe src="" frameborder="0"> </iframe>

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

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

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

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus®">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>Document</title>
10  </head>
11  <body>
12   <iframe src="https://www.cnblogs.com/jeremywucnblog/p/11994537.html" frameborder="0" width="1300" height="500" name="index"></iframe><br><!---定义name为index--->
13   <a href="https://www.baidu.com/" target="index">百度一下</a><!---打开超链接时 会显示在index里面--->
14  </body>
15 </html>
View Code

 HTML iframe标签

<iframe>:定义一个内联的iframe 

  作者:Jeremy.Wu
  出处:https://www.cnblogs.com/jeremywucnblog/
  本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

猜你喜欢

转载自www.cnblogs.com/jeremywucnblog/p/12101458.html
今日推荐