下面通过一个后台管理的部分设计来说明窗口分帧
frameset.html代码
<!--
<frameset>标签（常用来做后台管理界面）
属性：rows（行）、cols（列）、可以使用固定值，百分比和*三种
border;确定边框的宽度
frameborder：确定是否有边框
<frame>标签
属性：src
name
scroling：是否有滚动条
noresize：是否可以调整尺寸
<a href="">的属性
四个内置属性：_blank、_parent、_self、_top
<noframes>标签
作用：使用它，如果浏览器中不带分帧窗口，显示这里面的内容
<iframe>标签
属性和frameset的属性相同
注意：分帧不能和body标签及内容体共存
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTML窗口分帧</title>
</head>
<frameset rows="18%,*" frameborder="yes">
<frame src="header.html" name="top" noresize="noresize"/>
<frameset cols="15%,*">
<frame src="menu1.html" name="left" noresize="noresize"/>
<frame src="main.html" name="rigth"/>
</frameset>
</frameset>
<noframes> 你使用的是不带分帧的浏览器，请使用有分帧的浏览器，后转向不使用分帧的页面访问</noframes>
</html>header.html代码
<center><h3>后台管理界面头部</h3></center> <a href="menu1.html" target="left">第一项</a>|| <a href="menu2.html" target="left">第二项</a>|| <a href="menu3.html" target="left">第三项</a>|| <a href="menu4.html" target="left">第四项</a>
menu1.html代码
<center><h4>菜单部分一</h4></center> <a href="">第一页</a><br /> <a href="">第二页</a><br /> <a href="">第三页</a><br /> <a href="">第四页</a><br /> <a href="">第五页</a><br /> <a href="">第六页</a><br />
menu2.html代码
<center><h4>菜单部分二</h4></center> <a href="">第一页</a><br /> <a href="">第二页</a><br /> <a href="">第三页</a><br /> <a href="">第四页</a><br /> <a href="">第五页</a><br /> <a href="">第六页</a><br />
menu3.html代码
<center><h4>菜单部分三</h4></center> <a href="">第一页</a><br /> <a href="">第二页</a><br /> <a href="">第三页</a><br /> <a href="">第四页</a><br /> <a href="">第五页</a><br /> <a href="">第六页</a><br />
menu4.html代码
<center><h4>菜单部分四</h4></center> <a href="">第一页</a><br /> <a href="">第二页</a><br /> <a href="">第三页</a><br /> <a href="">第四页</a><br /> <a href="">第五页</a><br /> <a href="">第六页</a><br />
main.html代码
<center><h4>主体内容部分</h4></center>
以上的代码是后台制作用到分帧的代码示例
下面是前台用到分帧的代码示例
<!--
iframe可以和body体一起使用
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>iframe标签</title>
</head>
<body>
##############<br />
##############<br />
##############<br />
##############<br />
<a href="../1/1.html" target="ie">1.html</a><br />
<a href="../2/2.html" target="ie">2.html</a><br />
<a href="../3/3.html" target="ie">3.html</a><br />
<iframe src="../1/1.html" name="ie"></iframe><br />
@@@@@@@@@@@@@@<br />
@@@@@@@@@@@@@@<br />
@@@@@@@@@@@@@@<br />
@@@@@@@@@@@@@@<br />
@@@@@@@@@@@@@@<br />
</body>
</html>在后台中用分帧一般用<frameset>标签，前台的一般用<iframe>