表格導(dǎo)航的制作及代碼
采用表格方式制作博客導(dǎo)航，具有多種樣式，這里主要介紹幾種常用的表格導(dǎo)航制作方法及代碼。
代碼1： <table border="1" width="200" cellpadding="0" cellspacing="0"><tr align="center"> <td>簡</td><td>表</td></tr><tr align="center"> <td>單</td><td>格</td></tr></table> 效果圖：
簡 表
單 格
說明：
這是最為普通和簡單的一種表格導(dǎo)航形式。
代碼2：
<table border="0" width="200" cellspacing="1" cellpadding="0" bgcolor="#000000" ><tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">線</td><td bgcolor="#FFFFFF">表</td></tr><tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">條</td><td bgcolor="#FFFFFF">格</td></tr></table>
效果圖：
線 表
條 格
說明：
此表格加上了漂亮的線條；主要是通過cellspacing1像素間隙，使表格與單元格背景實(shí)現(xiàn)變化。
代碼3：
<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0"><tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >立</td><td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >表</td></tr><tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >體</td><td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >格</td></tr></table>
效果圖：
立 表
體 格
說明：
此表格為立體感效果，是通過簡單的亮暗邊框設(shè)置來實(shí)現(xiàn)的。
代碼4：
<TABLE style="BACKGROUND-IMAGE: url(http://zmbn.com/eWebEditor/sysimage/bg/snow.gif)" borderColor=#0000ff cellSpacing=2 cellPadding=3 width="80%" bgColor=#dddddd border=1
heihgt="90%">
<TBODY>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR></TBODY></TABLE>
效果圖：
表格代碼詳解：
1、
http://zmbn.com/eWebEditor/sysimage/bg/snow.gif 表格背景圖片，可調(diào)；
2、 border=1 邊框的粗細(xì)參數(shù)，可調(diào)；
3、cellSpacing=2 表格單元的間距參數(shù)，可調(diào)；
4、cellPadding=3 表格單元的邊距參數(shù)，可調(diào)；
5、width="80%" 表格的寬度，可調(diào)；
6、heihgt="90%" 表格的高度，可調(diào)；
7、borderColor=#0000ff 表格邊框顏色，可調(diào)；
8、bgColor=#dddddd 表格背景顏色，可調(diào)；
9、<TD> </TD> 表格橫向的一個單元，可增減；
10、<TR><TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR> 為表格橫向的5個單元格，可增減。
在掌握了表格導(dǎo)航代碼原理后，還可創(chuàng)意出各種形式表格導(dǎo)航。欣賞下款應(yīng)用實(shí)例。
應(yīng)用實(shí)例圖：
證 券 視 頻
中 金 在 線 股 市 在 線 新 浪 財(cái) 經(jīng) 北 京 首 放國 盛 證 券 華 夏 財(cái) 經(jīng) 第 一 財(cái) 經(jīng) 央 視 證 券交 易 日 頂 點(diǎn) 財(cái) 經(jīng) 在 線 財(cái) 經(jīng) 和 訊 寬 頻應(yīng)該說，表格導(dǎo)航的制作手法及樣式多種多樣，在掌握基本代碼和原理后，重要的是創(chuàng)意。
