html---frameset框架标签

20 篇文章 1 订阅

web前端入门笔记之html(15)

框架标签
⦁ 所谓框架就是将页面划分成几个窗框,就可以让我们在同一个浏览器中显示不止一个页面。
(也就是把当前展示的页面划分成几块)

  1. < frameset>
    ⦁ < frameset>是框架结构标签,它定义如何将窗口分割为框架.
    注意:不能与 < frameset>< /frameset> 标签一起使用 < body>< /body> 标签。
    ⦁ 常用属性:
    ⦁ cols:垂直切割
    ⦁ rows:横向切割
    ⦁ frameborder:定义框架的边框,其值可以有0和 1,0表示不要边框,1表示要显示边框。
    ⦁ border:定义框架的边框厚度
    ⦁ bordercolor:定义框架的边框颜色
    ⦁ framespacing:定义框架与框架之间的距离。

  2. < 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>

截图:
在这里插入图片描述

  1. < 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>

截图:
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值