html 框架 frameset

框架

1.多窗框的基本结构
2.嵌套多窗体设置
3.多框架与超链接
4.悬浮窗体的设置

在前面几章中，大家应该可以发现浏览器视窗本身就是一个框架，网页就是显示在该单
一的框架内，本章将介绍另一种网页呈现的方式，那就是可将原先单一的框架分割成多个框 架，且每个框架中可以分别显示出指定的网页，当然这种框架仍然是结构于单一的视窗中。

<frameset rows="50,*" frameborder="1" border="0" framespacing="0">
<frame src="shang.htm"/>

<frame src="xia.htm"/>

</frameset>

8.1 多窗框的基本结构
格式：

<frameset>
<frame>
<frame>
<frame>
</frameset>
功能说明:<frameset>用来设置多窗框结构的声明

<frameset>下的属性：
属性名称 属性值 说明

cols 像素 设置直排的多窗框环境
百分比 同上
rows 像素 设置横排的多窗框环境
百分比 同上
border 像素 边框的宽度
framespacing 像素 页面与页面的边距

属性格式：
<frameset cols=”120,80,120”>
<frameset cols=”20%,40%,20%”>
<frameset cols=”40%,*,*”>
<frameset rows=”120,80,120”>
<frameset rows=”20%,40%,20%”>
<frameset rows=”20%,*,*”>

<frame>下的属性：
属性名称 属性值 说明

src URL 链接的页面
noresize true 允许浏览器自行改变框架大小
false 不允许
scrolling yes 不管网页内容的大小，都出现滚动条
no 不管网页内容的大小，都不现滚动条
auto 浏览器自动判断，是否需要滚动条
marginheight 像素 设置垂直方向，窗体内容与边界的距离
marginwidth 像素 设置水平方向，窗体内容与边界的距离
frameborder 0/1 不出现框体边/出现窗体边线

属性格式：
<frame src=”URL”>
<frame noresize>

8.2 嵌套多窗体设置： 格式：
<frameset rows="20%,80%">
<frame src="URL">
<frameset cols="20%,80%">
<frame src="URL">
<frame src="URL">
</frameset>
</frameset>

8.3 多框架与超链接 框架式网站的好处就是在同一张页面可以显示多个页面，而且可以跟方便的进行链接。

相关属性说明：
<frame>的命名属性：
格式：<frame name=”窗体名称”>
<a>超链接 <a href=”URL” target=”窗体名称”>

多窗体链接的属性：

属性名称 属性值 说明
target _blank 打开一个新建的页面

8.4 悬浮窗体的设置 格式:<if rame>…</iframe>
功能:设置悬浮窗框
属性名称 属性值 说明

height 像素/% 绝对/相对 高度
width 像素/% 绝对/相对 宽度

其余属性除了 noresize 外,其他都和 frameset 一样.