如下的一段代码每段代码各显示什么功能？如何加以引用？如何举一反三？

<table border="0" cellpadding="0" cellspacing="0" width="780" align="center">
<tr>
<td><img src="images/left_spacer.gif" width="162" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="18" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="11" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="11" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="63" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="50" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="34" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="7" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="122" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="11" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="30" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="145" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="13" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="49" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="54" height="1" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="4"><img name="top_r1_c1" src="images/top_r1_c1.jpg" width="162" height="69" border="0" alt=""></td>
<td colspan="14"><img name="top_r1_c2" src="images/top_r1_c2.jpg" width="618" height="6" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="1" height="6" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="top_r2_c2" src="images/top_r2_c2.jpg" width="29" height="35" border="0" alt=""></td>
<td colspan="12"><span class="top_navigation">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="default.aspx">学院首页</a>&nbsp;|&nbsp;学院概况&nbsp;
|&nbsp;<a href="jxgz.aspx">教学工作</a>&nbsp;|&nbsp;<a href="kxyj.aspx">科学研究</a>&nbsp;|&nbsp;<a href="sz.aspx">师&nbsp;资</a>&nbsp;|&nbsp;<a href="dzyjs.aspx">党建与思政</a>&nbsp;|&nbsp;学生工作
&nbsp;|&nbsp;信息导航&nbsp;|&nbsp;空中课堂&nbsp;|在线答疑</span></td>
<td><img src="images/left_spacer.gif" width="1" height="20" border="0" alt=""></td>
</tr>
<tr>
<td colspan="12"><img name="top_r3_c4" src="images/top_r3_c4.jpg" width="589" height="15" border="0" alt=""></td>
<td><img src="images/left_spacer.gif" width="1" height="15" border="0" alt=""></td>
</tr>
<tr>
<td colspan="4">&nbsp;</td>
<td colspan="2"><img name="top_r4_c6" src="images/top_r4_c6.jpg" width="84" height="28" border="0" alt=""></td>
<td colspan="5">&nbsp;
<asp:TextBox id="TextBox_search" runat="server" Width="304px"></asp:TextBox></td>
<td>&nbsp;</td>
<td><img name="top_r4_c14" src="images/top_r4_c14.jpg" width="49" height="28" border="0"
alt=""></td>
<td>&nbsp;</td>
<td><img src="images/left_spacer.gif" width="1" height="28" border="0" alt=""></td>
</tr>
<tr>
<td colspan="15"><img name="top_r5_c1" src="images/top_r5_c1.jpg" width="780" height="133" border="0"
alt=""></td>
<td><img src="images/left_spacer.gif" width="1" height="133" border="0" alt=""></td>
</tr>
</table>