当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

分框 Frame

   6 .1 分框的基本格式
  分框将流览器的窗口分成多个区域,每个区域可以单独显示一个html文件,各个区域也可相关连地显示某一个内容,比如可以将索引放在一个区域,文件内容显示在另一个区域。
  分框的基本结构如下
<html>
<head>
<title>...</title>
</head>
<noframes>...</noframes>
<frameset>
<frame src="url">
</frameset>
</html>
   <nframes>...</noframes>中的内容显示在不支持分框的浏览器窗口中,因而这里指向一个普通版本的html文件,以便使用不支持分框浏览器的用户阅读。
  分框由<frameset>指定,并且可以嵌签,分区中种部分显示的内容用<framre>指定。
  需要说明的是,frame是一个新出现的元素,许多流览器不支持它。
  可以将窗口横向分成几个部分,也可以分成纵向几个部分,还可以混和分框。 
  6.2 横向分框
  横向分框用<frameser cols=#>指定,#可以是一个百分数,也可以是一整数。前者规定各框占窗口的百分数,后者指定各框的绝对大小。例如,下面的例子将窗口分成30%、20%、50%的几个区域,各区域的内容分别为A.html,B.html,C.html.
  6.3 纵向分框
   纵向分框用<frameset cols=#>指定,参见下例:
  6.4 混合分框
   将窗口分成横纵几个区域时,用<framset>代替<frame>链接至即可将原的分好的<frame>区域再次分框, 下面的例子先将窗口分成20%,80%, 然后将右边的区域再分成分别占40%和60%的上下两个区域。
  6.5 分框与框中文本的间距
   分框与其中的文本间距可以用Marginwidth=#和marginneigh=#来指定,前者指定文本与分框的边缘的横向距离,后者为纵向距离,其单位都为象素,下面的例子中,将右边分框的左右边距,上下空白都设为50个象素。
  6.6 分框间的关联
   分框之间可以有特定的关联,比如将某一框的内容输出到另一个框,这样我们就可以把其中一个框作为输出框,另一个框作为选择框。实现这种关联需要做下列的事情。
  ①在分框的hrme文件中标记各个框,标记的方法是在<frame>中加入name属性,比如上例,定义左边的框为输出,右边框为象引。
    <frame src="A.html"name=display><frame src="B.htme"name=index>
    ②在B.html文件中指定输出到哪个框方法是在B.html文件中加入下列一行。
    <base target="display">
   这便得用鼠标点取B.html中的链接指针,它的输出会显示在左边的框中。
相关内容
赞助商链接