通常地，框架是一部分用于显示一个菜单而另一部分用于显示其内容。当有人从菜单点击一个链接时另一个网页将在内容部分里被打开。
我们将使用如下代码例证这一点:
html<html>
<head></head>
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>使用如下代码:
html<html>
<head></head>
<frameset rows="20%,*">
<frame src="title.html">
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
</html>frameset rows="#%, *" - "rows" 制定将会被显示的每一个框架的高度。在以前的例子里我们选择了第一个框架它将会是20%而且留下来的剩余空白将会分为menu.html与content.html里
你必须得注意到框架之间有一些灰色行而大部分是没必要的。察掉它们可以使用框架边界和框架空白标签。这些属性将在框组标签会介绍的。
**注: 框组与框架边界是同样的属性。一些浏览器不能识别这两个，但它们是一个。从而言之，我们通知更安全地使用这两个。
这儿有一个实例:
html<html>
<head></head>
<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
<frame src="title.html">
<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
</html>在它的实际位置上，并且当我们在联系页面上以点击打开时要维护其菜单，例如，代替其内容叶面,我们将命名每一个框架并且我们将指定其空白以打开使用'base target'的标签。
Here is our code for the page:
html<html>
<head>
<base target="content">
</head>
<frameset rows="20%,*">
<frame name="title" src="title.html">
<frameset cols="30%,*">
<frame name="menu" src="menu.html">
<name="content" src="content.html">
</frameset>
</frameset>
</html>你以后可以更多地使用noresize和scrolling
html<html>
<head></head>
<frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
<frame src="title.html" noresize scrolling="no">
<frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
<frame src="menu.html" scrolling="auto" noresize>
<frame src="content.html" scrolling="yes" noresize>
</frameset>
</frameset>
</html>