来自: 发布时间:2019/10/28 10:47:47 浏览次数:
HTML 框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。
框架标签(iFrame)
html 框架 标签定义了放置在每个框架中的 HTML 文档(<iframe src="http://www.baidu.com/"></iframe>)
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<iframe src="http://www.baidu.com/" height="500px" width="1000px></iframe>
</body>
</html>
运行结果:
iframe常见属性:
属性 值 描述
frameborder 1, 0 表示是否显示框架周围的边框
height px 表示 iframe 的高度
width px 表示 iframe 的宽度
name frame_name 表示iframe 的名称。
scrolling yesnoauto 规定是否在 iframe 中显示滚动条
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 在 <iframe> 中显示的页面的 HTML 内容
marginheight px 定义 iframe 的顶部和底部的边距
marginwidth px 定义 iframe 的左侧和右侧的边距
案例:框架设置宽高以及不显示边框
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试框架</title>
</head>
<body>
<iframe src="http://www.baidu.com/" name="ceshi1" frameborder="1" scrolling="yes" marginheight="10px" marginwidth="10px" height="600px" width="1200px"></iframe>
</body>
</html>
运行结果: