html--内嵌框架

html内嵌框架

html内嵌框架

<iframe>标签会创建包含另外一个html文件的内联框架（即行内框架），src属性来定义另一个html文件的引用地址，frameborder属性定义边框，scrolling属性定义是否有滚动条，代码如下：

<iframe src="http://www..." frameborder="0" scrolling="no"></iframe>

内嵌框架与a标签配合使用

a标签的target属性可以将链接到的页面直接显示在当前页面的iframe中，代码如下：

<a href="01.html" target="myframe">页面一</a>
<a href="02.html" target="myframe">页面二</a>
<a href="03.html" target="myframe">页面三</a>
<iframe src="01.html" frameborder="0" scrolling="no" name="myframe"></iframe>

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport"
 6           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>iframe</title>
 9 </head>
10 <body>
11     <a href="http://www.baidu.com" target="myframe">百度</a>
12     <a href="http://www.jd.com" target="myframe">京东</a>
13     <a href="http://www.qq.com" target="myframe">腾讯</a>
14     <br>
15     <!-- iframe默认为"http://www.baidu.com"网页-->
16     <iframe src="http://www.baidu.com" width="800" height="400" frameborder="0" scrolling="no" name="myframe"></iframe>
17 </body>
18 </html>
 

posted on 2019-10-30 21:20  cherry_ning  阅读(183)  评论(0)    收藏  举报

导航