本文介绍如何使用HTML框架和链接创建带有导航栏的网页。通过创建主页面MainPage.htm和导航栏页面Content.htm，并利用框架和链接目标属性实现导航功能。
掌握了两个 技巧就可以做出含有导航栏的网页了：
(1) HTML 框架
(2) HTML 链接
首先创建一个主html页面，MainPage.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<frameset cols="120,*">
<frame src="Content.htm">
<frame src="AllWujiang.aspx" name="showframe">
</frameset>
</html>
然后需要创建导航栏的html页面，Content.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body>
<table style="width:100%;">
<tr>
<td class="style1">
<a href="AllWujiang.aspx" target="showframe">所有武将</a>
</td>
</tr>
<tr>
<td>
<a href="AllWujiangForceRank.aspx" target="showframe">武力排名</a>
</td>
</tr>
</table>
</body>
</html>
可以看见实际上，这个Content.htm页面里只是包含有两个链接。注意链接中target="showframe"的作用是---单击链接后，在”showframe”中打开链接，也就是MainPage中的第二个框架。
最后你可以花费心思做你的asp.net的web页面了,AllWujiang.apsx和AllWujiangForceRank.aspx
最后效果截图：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
