如何制作首页模块导航

转自碎羽残舞 的 如何制作首页模块导航

1、首先要知道下面这段基本的代码：

<TABLE style="WIDTH: 81px; HEIGHT: 80px" borderColor=#660000 cellPadding=0 width=81 bgColor=#080808 border=5>
<TBODY>
<TR>

 <TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

 </TR></TBODY></TABLE>

 

 

2、下面是这段代码所显示的效果：(当然要加进自己的“链接地址”和“图片地址”才能显示)：

导航名称

 

 

3、要想做2个、3个、4 个、5个..........以上的链接怎么办?

     方法很简单:就是将红色代码复制粘贴2次、3次、4次、5次..............放在<TR>与</TR>之间，看看上面代码的安放位置就会明白。

示范如下：

 

导航名称

导航名称

导航名称

导航名称

导航名称

 

代码：

 

<TABLE style="WIDTH: 81px; HEIGHT: 80px" borderColor=#660000 cellPadding=0 width=81 bgColor=#080808 border=5>
<TBODY>
<TR>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

</TR></TBODY></TABLE>

 

 

六组示范：

 

导航名称

导航名称

导航名称

导航名称

导航名称

导航名称

导航名称

导航名称

导航名称

 

 

六组代码：

<TABLE style="WIDTH: 81px; HEIGHT: 80px" borderColor=#660000 cellPadding=0 width=81 bgColor=#080808 border=5>
<TBODY>
<TR>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

</TR></TBODY></TABLE>

 

<TABLE style="WIDTH: 81px; HEIGHT: 80px" borderColor=#660000 cellPadding=0 width=81 bgColor=#080808 border=5>
<TBODY>
<TR>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

</TR></TBODY></TABLE>

 

<TABLE style="WIDTH: 81px; HEIGHT: 80px" borderColor=#660000 cellPadding=0 width=81 bgColor=#080808 border=5>
<TBODY>
<TR>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

<TD>
<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址（或jpg的或gif的）" width=81 border=0></A> <FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>导航名称</FONT></A> </P>
<P></P></TD>

</TR> </TBODY></TABLE>