这是一个基于表格的tab，比较传统的方式完成的，配合了javascript技术，不懂css的朋友正好 可以适合您，没有用到css因此也就可以不考虑兼容性问题，在其它浏览器下也表现良好。

<title>
    基于表格的tab
</title>


<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<script language="javascript">
function tabit(id,cid) {
tabwoman.classname="taboff";
tabman.classname="taboff";
tabsport.classname="taboff";
tableisure.classname="taboff";
tabshoes.classname="taboff";
tabdecor.classname="taboff";
id.classname="tabon";
cwoman.style.display="none";
cman.style.display="none";
csport.style.display="none";
cleisure.style.display="none";
cshoes.style.display="none";
cdecor.style.display="none";
cid.style.display="block";
}


function showall() {
tabwoman.classname="tabon";
tabman.classname="tabon";
tabsport.classname="tabon";
tableisure.classname="tabon";
tabshoes.classname="tabon";
tabdecor.classname="tabon";
cwoman.style.display="block";
cman.style.display="block";
csport.style.display="block";
cleisure.style.display="block";
cshoes.style.display="block";
cdecor.style.display="block";
}
</script>
<style>
td {
 font-family: "verdana"; 
 padding:3px;
}
 
.tabon {
 border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
 color: #db5b6f;
 font-weight: bold;
}
 
.taboff {
 background-color: #f5f5f5;
 border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;
 color: #666666;
 font-weight: bold;
}
 
.tdbody {
 border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
 line-height:50px;
}
 
.tdbody2 {
 border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;
 line-height:50px;
}
</style>
<table border="0" cellpadding="0" cellspacing="0" width="340">
    <tbody>
        <tr>
            <td class="taboff" id="tabwoman" style="cursor:hand" onclick="tabit(tabwoman,cwoman)" align="center">
                asp
            </td>
            <td class="taboff" id="tabman" style="cursor:hand" onclick="tabit(tabman,cman)" align="center">
                php
            </td>
            <td class="taboff" id="tabsport" style="cursor:hand" onclick="tabit(tabsport,csport)" align="center">
                asp.net
            </td>
            <td class="taboff" id="tableisure" style="cursor:hand" onclick="tabit(tableisure,cleisure)" align="center">
                vc++
            </td>
            <td class="taboff" id="tabshoes" style="cursor:hand" onclick="tabit(tabshoes,cshoes)" align="center">
                vb
            </td>
            <td class="taboff" id="tabdecor" style="cursor:hand" onclick="tabit(tabdecor,cdecor)" align="center">
                ajax
            </td>
        </tr>
        <tr id="cwoman" style="display:none">
            <td colspan="6" class="tdbody">
                <a href="#">asp</a>
            </td>
        </tr>
        <tr id="cman" style="display:none">
            <td colspan="6" class="tdbody">
                <a href="#">php</a>
            </td>
        </tr>
        <tr id="csport" style="display:none">
            <td colspan="6" class="tdbody">
                <a href="#">asp.net</a>
            </td>
        </tr>
        <tr id="cleisure" style="display:none">
            <td colspan="6" class="tdbody">
                <a href="#">vc++</a>
            </td>
        </tr>
        <tr id="cshoes" style="display:none">
            <td colspan="6" class="tdbody">
                <a href="#">vb</a>
            </td>
        </tr>
        <tr id="cdecor" style="display:none">
            <td colspan="6" class="tdbody">
                <a href="#">ajax</a>
            </td>
        </tr>
    </tbody>
</table>