1.10、html内嵌框架

STPace 2020-02-03

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>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe</title>
</head>
<body>
<a href="http://www.baidu.com" target="myframe">百度</a>
<a href="http://www.qq.com" target="myframe">QQ</a>
<a href="http://www.163.com" target="myframe">网易</a>

<br />

<iframe src="http://www.baidu.com" name="myframe" width="1200" height="800" frameborder="0" scrolling="no"></iframe>
</body>
</html>

相关推荐