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  一样.