1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2 <html>
  3  <head>
  4   <title> 月福首页 </title>
  5   <meta http-equiv="content-type" content="text/html;charset=utf-8">
  6   <style type="text/css">
  7     body{margin:0;padding:0}
  8     a{text-decoration:none}
  9     a:hover{text-decoration:underline;color:black;}
 10   </style>
 11  </head>
 12 
 13  <body bgColor="#dedede">
 14 <!--logo-->
 15         <table width="778" border="0" align="center" cellspacing="0" cellpadding="0">
 16             <tr>
 17                 <td><img src="images/index_01.png" /></td>
 18                 <td ><img src="images/index_02.jpg" /></td>
 19             </tr>
 20         </table>
 21 
 22 <!--导航栏-->
 23         <table width="778" border="0" align="center" cellspacing="0" cellpadding="0">
 24             <tr>
 25                 <td><img src="images/index_03.png" /></td>
 26                 <td><img src="images/index_04.png" /></td>
 27                 <td><img src="images/index_05.png" /></td>
 28                 <td><img src="images/index_06.png" /></td>
 29                 <td><img src="images/index_07.png" /></td>
 30                 <td><img src="images/index_08.png" /></td>
 31                 <td><img src="images/index_09.png" /></td>
 32                 <td><img src="images/index_10.png" /></td>
 33                 <td><img src="images/index_11.png" /></td>
 34                 <td><img src="images/index_12.png" /></td>
 35             </tr>
 36         </table>
 37 
 38 <!--橙色水平线--><!--插入flash-->
 39     <table width="778" border="0" align="center" cellspacing="0" cellpadding="0">
 40         <tr>
 41             <td><img src="images/index_29.jpg" /></td>
 42         </tr>
 43 
 44         <tr>
 45             <td>
 46             <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">
 47             <param name="movie" value="images/banner.swf">
 48             <param name="quality" value="high">
 49             <param name="wmode" value="transparent">
 50             <embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
 51     </object>
 52             </td>
 53         </tr>
 54     </table>
 55 
 56 <!--作品展示、新闻栏、排行栏-->
 57     <table width="778" border="0" align="center" cellspacing="0" cellpadding="0">
 58         <tr>
 59             <td><img src="images/index_21.png" /></td>
 60             <td><img src="images/index_22.png" /></td>
 61             <td valign="top" bgColor="#d40000" rowspan="2">
 62             <img src="images/index_23.png" />
 63             <ol>
 64              <font color="white" size="2">
 65                     <li><a href="#"><font color="white">蓝色征途…</font></a></li>
 66                     <li><a href="#"><font color="white">风挡玻璃清洗剂…</font></a></li>
 67                     <li><a href="#"><font color="white">月福标准封釉套装…</font></a></li>
 68                     <li><a href="#"><font color="white">钻石之光…</font></a></li>
 69                     <li><a href="#"><font color="white">云南蜡染抱枕…</font></a></li>
 70                     <li><a href="#"><font color="white">龟博士白金蜡…</font></a></li>
 71              </font>
 72             </ol>
 73             </td>
 74         </tr>
 75         <tr>
 76             <td background="images/line.jpg" align="center">
 77             <img width="150" src="images/200810311354340.jpg" vspace="10" />
 78             <br />
 79             <a  href="#"><font color="black" size="2">月福在北京地图</font></a>
 80             </td>
 81             <!--新闻表格中嵌套表格-->
 82             <td bgColor="white" valign="top">
 83                 <table width="98%" border="0" align="center" cellpadding="5">
 84                     <tr>
 85                         <td width="25" align="center"><img src="images/index_30.jpg" /></td>
 86                         <td><a  href="#"><font size="2" color="black">月福机场T2、T3贵宾店即日开业大酬宾…</font></a></td>
 87                         <td><img src="images/index_28.jpg" /></td>
 88                     </tr>
 89                     <tr>
 90                         <td width="25" align="center"><img src="images/index_30.jpg" /></td>
 91                         <td><a  href="#"><font size="2" color="black">北京月福汽车装饰公司关于销售圣罗膜相关情况说明…</font></a></td>
 92                         <td><img src="images/index_28.jpg" /></td>
 93                     </tr>
 94                     <tr>
 95                         <td width="25" align="center"><img src="images/index_30.jpg" /></td>
 96                         <td><a  href="#"><font size="2" color="black">人才找平--挑战高薪！…</font></a></td>
 97                         <td><img src="images/index_28.jpg" /></td>
 98                     </tr>
 99                     <tr>
100                         <td width="25" align="center"><img src="images/index_30.jpg" /></td>
101                         <td><a  href="#"><font size="2" color="black">月福标准封釉套装…</font></a></td>
102                     </tr>
103                     <tr>
104                         <td width="25" align="center"><img src="images/index_30.jpg" /></td>
105                         <td><a  href="#"><font size="2" color="black">月福漆面镀膜…</font></a></td>
106                     </tr>
107                     <tr>
108                         <td width="25" align="center"><img src="images/index_30.jpg" /></td>
109                         <td><a  href="#"><font size="2" color="black">月福在北京地图…</font></a></td>
110                     </tr>
111                 </table>
112             </td>
113         </tr>
114     </table>
115     <!--公告、项目、商品搜索-->
116     <table width="778" border="0" align="center" cellspacing="0" cellpadding="0">
117         <tr>
118     <!--最新公告-->
119         <td bgColor="#d40000" valign="top">
120                 <img src="images/index_26.png" />
121             <ol>
122                 <font color="white" size="2">
123                 <li>北京月福汽车装饰有限公司关于销售圣罗膜相关情况的说明</li>
124                 <li>月福汽车装饰（机场T3店）开业！</li>
125                 </font>
126             </ol>
127             <table>
128                 <tr>
129                     <td><font size="2" color="white">地址：北京首都机场T3航站楼（停车场</font></td>
130                 </tr>
131                 <tr>
132                     <td><font size="2" color="white">电话：64556965&nbsp;&nbsp;64556966</font></td>
133                 </tr>
134                 <tr>
135                     <td><img width="170" src="images/index_33.png" vspace="10" /></td>
136                 </tr>
137             </table>
138         </td>
139 <!--服务项目-->
140 <!--图一-->
141         <td>
142             <img src="images/index_27.png" />
143             
144             <table bgColor="white">
145                 <tr>
146                     <td><img src="images/index_21.jpg" vspace="10" /></td>
147                     <td><font size="2"><font color="orange">月福汽车装饰：</font>防爆太阳膜、汽车音响、车载免提、倒车雷达、真皮座椅、中控锁、防盗器、桃木内饰……竭诚为广大客户提供优质服务。<br /><div align="right"><a href="#"><font color="black">详细信息…</font></a></div></font></td>
148                 </tr>
149 <!--图二-->
150                 <tr>
151                     <td><img src="images/index_22.jpg" vspace="10" /></td>
152                     <td><font size="2"><font color="orange">月福汽车养护：</font>月福汽车养护：五大系统免拆护理、发动机内外清洗、快速换油、更换三滤、底盘装甲、空调加氟……月福全体成员工将竭诚为您服务！<br /><div align="right"><a href="#"><font color="black">详细信息…</font></a></div></font></td>
153                 </tr>
154 <!--图三-->
155                 <tr>
156                     <td><img src="images/index_23.jpg" vspace="10" /></td>
157                     <td><font size="2"><font color="orange">月福汽车美容：</font>泡沫洗车、新车开蜡整车封釉、底盘封塑、座舱桑拿、划痕修复、皮革上光、臭氧消毒……月福全体成员工将竭诚为您服务！<br /><div align="right"><a href="#"><font color="black">详细信息…</font></a></div></font></td>
158                 </tr>
159             </table>
160         </td>
161 <!--商品搜索-->
162         <td bgColor="#d40000" valign="top" border="1">
163             <img src="images/index_28.png" />
164             <table>
165 <!--下拉框-->
166                 <tr>
167                     <td>
168                     <select>  
169                         <option value ="1">吸尘器</option>  
170                         <option value ="2">抱枕</option>  
171                         <option value="3">碧丽珠（擦皮质座椅）</option>  
172                         <option value="4">灭火器</option>  
173                     </select>
174                     </td>
175                 </tr>
176 <!--搜索框-->
177                 <tr >
178                     <td>
179                         <form>
180                             <div align="center">
181                                 <input name="username" type="text" size="10" vspace="20"  />
182                             </div>
183                         </form>
184                     </td>
185                 </tr>
186 <!--搜索按钮和图标-->
187                 <tr>
188                     <td>
189                     <img src="images/index_39.png"  align="center" vspace="20" hspace="20" />
190                     <img src="images/index_38.png"  align="cebter" />
191                     </td>
192                 </tr>
193 <!--行业资讯-->
194                 <tr>
195                     <td>
196                     <img src="images/index_31.png"  width="165"/>
197                     </td>
198                 </tr>
199             </table>
200         </td>
201         </tr>
202     </table>
203  </body>
204 </html>

效果图：