您的位置:首页> 前端教程> HTML教程
文章导航

HTML <iframe>标签

2018-9-13 11:03| 作者: admin| 查看: 1272| 评论: 0|来自: 蚂蚁部落

此标签用于创建一个行内框架,可以引入外部的网页文档。

<frame>与</frame>之间可以包含文本,不过这些内容是当浏览器不支持此标签时才会显示。

代码实例:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style>
iframe {
  width:250px;
  height:200px;
}
</style>
</head>
<body>  
<iframe src="http://www.softwhy.com">此浏览器暂时不支持此标签</iframe>  
</body>  
</html>

<iframe>标签的src属性用来规定要引入页面的地址。

此标签同样具有height和width属性,不过推荐使用css来控制<iframe>的高度。

<iframe>标签的scrolling属性可以规定此标签是否显示滚动条。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style>
iframe {
  width:250px;
  height:200px;
}
</style>
</head>
<body>  
<iframe src="http://www.softwhy.com" scrolling="no">浏览器不支持</iframe>  
</body>  
</html>
scrolling具有三个属性值:
(1).auto:默认值,如果引入网页内容大于<iframe>窗口的尺寸则自动出现滚动条。
(2).no:不显示滚动条。
(3).yes:显示滚动条。

鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部