web前端入门笔记之html(15)
框架标签
⦁ 所谓框架就是将页面划分成几个窗框,就可以让我们在同一个浏览器中显示不止一个页面。
(也就是把当前展示的页面划分成几块)
-
< frameset>
⦁ < frameset>是框架结构标签,它定义如何将窗口分割为框架.
⦁ 注意:不能与 < frameset>< /frameset> 标签一起使用 < body>< /body> 标签。
⦁ 常用属性:
⦁ cols:垂直切割
⦁ rows:横向切割
⦁ frameborder:定义框架的边框,其值可以有0和 1,0表示不要边框,1表示要显示边框。
⦁ border:定义框架的边框厚度
⦁ bordercolor:定义框架的边框颜色
⦁ framespacing:定义框架与框架之间的距离。 -
< frame>
⦁ < frame>是框架标签,它定义放置在每个框架中的页面。
⦁ 常用属性:
⦁ src:定义此框架要显示的页面url
⦁ name:定义此框架的名称
⦁ frameborder:定义框架的边框,其值可以有0和 1,0表示不要边框,1表示要显示边框。
⦁ framespacing:定义框架与框架之间的距离
⦁ bordercolor:定义框架的边框颜色
⦁ scrolling:定义是否显示卷轴,YES表示要显示,NO表示不显示,AUTO视情况而定。
⦁ noresize:定义框架大小不可以改变。
⦁ marginhight:定义框架高度部分边缘所保留的空间。
⦁ marginwidth:定义框架宽度部分边缘所保留的空间。
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>框架</title>
</head>
<frameset rows="80,*">
<frameset>
<frame> 1 </frame>
</frameset>
<frameset cols="120,*">
<frame>2 </frame>
<frame>3</frame>
</frameset>
</frameset>
</html>
截图:
- < iframe>
⦁ iframe 元素会创建包含另外一个文档的内联框架(即行内框架)
⦁ 常用属性:
⦁ src:定义些框架要显示的页面url
⦁ name:定义些框架的名称
⦁ width:定义些框架的宽度
⦁ height:定义些框架的高度
⦁ marginwidth:定义插入的页面与框边所保留的宽度
⦁ marginheight: 定义插入的页面与框边所保留的高度
⦁ frameborder:定义框架的边框,1表示显示边框 ,0表示不显示
⦁ scrolling:定义是否允许卷动,YES允许,NO不允许。
内联框架案例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>框架</title>
</head>
<body>
<p>一些老的浏览器不支持iframe</p>
<p>如果得不到支持,iframe是不可见的</p>
<iframe src="b.html"></iframe>
</body>
</html>
截图:
⦁ 如果浏览器不支持框架,比如旧浏览器,我们可以使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>框架</title>
</head>
<frameset rows="80,*">
<noframes>
<body>很抱歉,当前使用的浏览器不支持框架功能,请转用新的浏览器</body>
</noframes>
<frame>wo shi chen yu2 </frame>
<frame>wo shi chen yu1 </frame>
</frameset>
</html>
截图: