HTML 导航框架 (使用 Frame )

文章出处  :  http://blog.sina.com.cn/s/blog_6f6d07f80100oqlt.html  (本文转自此博客)

 

 

在浏览网页时,我们经常会看到一个导航条,当点击导航条上的项目时,相应网页会在显示区域变换显示。首先准备一个主界面文件main.htm,将其划分成两块区域index和content.

<html>

<frameset cols="120,*">

<frame name="index" src="index.htm" />
<frame name="content" src="frame_a.htm" />

</frameset>

</html>

    其中index区域链接index.htm文件,主要是一些链接项目;content区域负责显示相应链接文件,初始显示链接为frame_a.htm. 
name="index"是标明index区域的属性,name="content"是标明content区域的属性。 那么如何将index.htm中的链接输出到content区域显示呢?这里需要设置链接中的target属性。代码如下:
<html> <head> </head> <body> <a href="frame_a.htm" target="content">frame_a</a> <a href="frame_b.htm" target="content">frame_b</a> <a href="frame_c.htm" target="content">frame_c</a> </body> </html>

 

 

效果图如下贴出:

 

HTML 导航框架 (使用 Frame )

 

HTML 导航框架 (使用 Frame )

 

HTML 导航框架 (使用 Frame )

 

文章出处  :  http://blog.sina.com.cn/s/blog_6f6d07f80100oqlt.html  (本文转自此博客)