frame与frameset

1、frameset与frame

frameset标签不能与body标签一起使用

1-1、frameset

<frameset>元素定义一个框架集,用来组织多个窗口(框架)。每个框架有独立的文档。在最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。必须使用 cols 或 rows 属性;
<frameset>属性

行:				rows="px/%/*";
列:				cols="px/%/*";

1-2、frame

<frame>标签定义框架集中的子窗口(框架);
<frame>属性

边框:				frameborder="0/1" ;
上方和下方的边距:	marginheight="px";
左侧和右侧的边距:	marginwidth="px";
名称:				name="";
无法调整大小:		noresize="noresize"
滚动条:				scrolling="yes/no/auto" 
文档的 URL:			src="";

2、例

2-1、行

设置frameset属性rows即可,rows的值有几个,子窗口就有几个;

<frameset rows="20%,*">
        <frame src="1.html" frameborder="0" scrolling="no" noresize="noresize">
        <frame src="2.html" frameborder="0" noresize="noresize">
</frameset>

效果:
在这里插入图片描述

2-2、列

设置frameset属性cols即可,cols的值有几个,子窗口就有几个;

<frameset cols="10%,*">
        <frame src="1.html" frameborder="0" scrolling="no" noresize="noresize">
        <frame src="2.html" frameborder="0" noresize="noresize">
</frameset>

效果:
在这里插入图片描述

2-3、组合

用frameset嵌套即可;

<frameset cols="10%,*">
	<frameset rows="20%,*">
    	<frame src="1.html" frameborder="0" scrolling="no" noresize="noresize">
    	<frame src="2.html" frameborder="0" noresize="noresize">
    </frameset>
    <frame src="3.html" frameborder="0" scrolling="no" noresize="noresize">
</frameset>

效果:
在这里插入图片描述

扫描二维码关注公众号,回复: 8644234 查看本文章
发布了41 篇原创文章 · 获赞 28 · 访问量 9074

猜你喜欢

转载自blog.csdn.net/wang15877/article/details/102468259
今日推荐