如何在页面中加入分页栏？就像excel的sheet那样的,在上面的也行

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=en">
<link href="style.css" type=text/css rel=stylesheet>
<title>Subnavigation</title>
<body>
<table height="23" cellspacing="0" cellpadding="0" width="100%" background="images/background.gif" border="0" valign="center">
<tr valign="top">
<td><img name="b_left" src="images/left_left1.gif" border=0></td>
<td class="clsTab" name="tabs"' id="tabs" background="images/bg_on.gif" onclick="fnTabClick('0','3'); parent.main.location='./system/network_interface.html'"><nobr>Interface</nobr></td>
<td><img name="b_right" src="images/right1.gif" border=0></td>
<td class="clsTab" name="tabs" id="tabs" background="images/bg_off.gif" onclick="fnTabClick('1','3'); parent.main.location='./system/network_zone.html'"><nobr>Zone</nobr></td>
<td ><img name="b_right" src="images/right2.gif" border=0></td>
<td class="clsTab" name="tabs" id="tabs" background="images/bg_off.gif" onclick="fnTabClick('2','3'); parent.main.location='./system/network_dns.html'"><nobr>DNS</nobr></td>
<td ><img name="b_right" src="images/right_right2.gif" border=0></td>
<td width="100%" background="images/background.gif">&nbsp;</td></tr>
</table>
<script language=javascript>
ie = (navigator.appName=='Microsoft Internet Explorer')?true:false;
function fnTabClick(nTab,nTotal) {
nTab = parseInt(nTab);
nTotal = parseInt(nTotal);
var oLeft=document.getElementsByName('b_left');
var oTab=document.getElementsByName('tabs');
var oRight=document.getElementsByName('b_right'); if (ie) {
event.cancelBubble = true;
el = event.srcElement;
} else {
Event.cancelBubble = true;
el = Event.srcElement;
} if (nTotal > 1) {
for (var i=0; i<oLeft.length; i++) {
oLeft[i].setAttribute('src', 'images/left_left2.gif');
} for (var i = 0; i < nTotal; i++) {
oTab[i].setAttribute('background', 'images/bg_off.gif');
if (i == nTotal - 1) {
oRight[i].setAttribute('src', 'images/right_right2.gif');
} else {
oRight[i].setAttribute('src', 'images/left2.gif');
}
} oTab[nTab].setAttribute('background', 'images/bg_on.gif'); if (nTab == 0) {
for (var j=0; j<oLeft.length; j++) {
oLeft[j].setAttribute('src', 'images/left_left1.gif');
}
oRight[nTab].setAttribute('src', 'images/right1.gif');
} if (nTab == nTotal-1) {
oRight[nTab-1].setAttribute('src', 'images/left1.gif');
oRight[nTab].setAttribute('src', 'images/right_right1.gif');
} else if ((nTab != 0) && (nTab < (nTotal - 1))) {
oRight[nTab-1].setAttribute('src', 'images/left1.gif');
oRight[nTab].setAttribute('src', 'images/right1.gif');
}
}
}
top.main.location="system/network_interface.html";</SCRIPT>
</body>
</html>