一个简单网页的制作-飘雪

该页面就是用基本的表格table与图片来完成的，其中给飘雪两个字加上超链接就可以了。相关代码如下：

<table>
  <tr >
    <td  rowspan="3">
     <img src="girl.jpg" width="225" height="341" />
    </td>
     <td>
        <img src="bjsnow.gif" width="123" height="85" />
    </td>
    <td><a href="hanxue.html" >
        <img src="snow2.jpg" width="123" height="127"  /></a>
    </td>
     <td>
         <img src="bjsnow.gif" width="123" height="85" />
    </td>
     <td>
        <img src="bjsnow.gif" width="123" height="85" />
    </td>
     <td>
        <img src="bjsnow.gif" width="123" height="85" />
    </td>
  </tr>
    <tr>
       <td>
      <img src="bjsnow.gif" width="123" height="85" />
    </td>
     <td>
  <img src="bjsnow.gif" width="123" height="85" />
    </td>
      <td>
         <img src="bjsnow.gif" width="123" height="85" />
  </td>
   <td>
  <img src="bjsnow.gif" width="123" height="85" />
    </td>
     <td>
  <img src="bjsnow.gif" width="123" height="85" />
    </td>
  </tr>
  <tr>
        <td>
  <img src="bjsnow.gif" width="123" height="85" />
    </td>
     <td>
  <img src="bjsnow.gif" width="123" height="85" />
    </td>
     <td>
       <a href="hanxue"><img src="snow1.jpg" width="102" height="131"  /> </a>
    </td>
     <td>
  <img src="bjsnow.gif" width="123" height="85" />
    </td>
     <td>
  <img src="bjsnow.gif" width="123" height="85" />
    </td>
    
  </tr>
</table>

点击飘雪两个字中的任何一个都可以链接到另一个界面

本页面和上一个页面区别不大，都是利用超链接来回跳转，主要代码如下

 <table style="color:#00CCFF" width="600"   align="center">
 <tr>
   <td colspan="2">
    <img src="fish.gif" width="80" height="80" />    </td>
    <td  colspan="5">
     <img src="px.jpg" width="300" height="80" />
   </td>
   </tr>
   <tr>
                <td colspan="8">&nbsp;
                  
                   </td>
               </tr>
   <tr>
       <td width="300">
          <font size="5"> 偶然</font>       </td>
       <td colspan="3">
           <a href="me.html">
             <img src="me1.jpg" height="25"  width="110"/>
         </a>
         </td>
            <td width="111">
            <a href="zhencang.html">
            <img src="ddzc.jpg" height="25"  width="110"/ >
            </a>            </td>
            <td width="111">
            <a href="yqlg/lianjie1.htm">
            <img src="lian.jpg" height="25"  width="110"/ >
           </a>            </td>
            <td width="169">
            <a href="gwly/liuyan.htm">
            <img src="liu.jpg" height="25"  width="110"/>
            </a>            </td>
       </tr>
       <tr>
                <td colspan="4">&nbsp;
                  
                   </td>
                   <td  rowspan="11" colspan="5" align="center">
                     <img src="he2.jpg" / width="350">
                     </td>
               </tr>
        <tr>
                <td colspan="4">&nbsp;
                  
                   </td>
               </tr>

点击页面中的“我的简介”，“友情链接”，“点滴珍藏”，“给我留言”会跳转到相应的界面，制作方法与上面两个也大致相同。效果如下