html 框架导航

html-css013

html 框架导航,第1张

主界面通过frameset分为两个框架,分别命名为index和content,index指向index.html,content指向初始的html文件,主界面编码如下:

<html>

<frameset cols='20%,80%'>

<frame name='index' src='index.html'></frame>

<frame name='content' src='default.html'></frame>

<frameset>

</html>

左侧的index.html通过<a>实现目录和链接功能,编码如下:

<html>

<head>

<title>Index</title>

</head>

<body>

<a href='1.html' target='content'>1</a><br>

<a href='2.html' target='content'>2</a><br>

</body>

</html>

如编码所示,链接的target指向了主界面中的名称为‘content’的frame

请采纳答案,支持我一下。

1、首先打开Deamweaver8,新建一网页文件,接着输入以下导航菜单的内容。

2、此时对应效果如图。

3、接下来准备相关的导航按钮图片(可以事先利用PS制作好)。

4、然后将以下CSS代码加入到<head></head>之间。

5、网页此时的效果如图,就完成了。

html实现多框架布局的时候还是要用iframe的。

1、<iframe>标签:iframe 是个内联框架,是在页面里生成个内部框架。

2、<frameset>标签:frameset 定义一个框架集,包含多个子框架,每个框架都有独立的文档。

<frameset >

<frame src=a.htm />

<frame src=b.htm />

<noframes></noframes>

</frameset>