<!DOCTYPE html>

<meta charset="utf-8"> 
<title>淘宝网</title> 

<h1 style="text-align:center;"><strong><span style="font-size:18px;">淘宝网</span></strong></h1>

<div style="background:#f2f2f2;width:100%;height:100%;padding:20px 0px 20px 0px;">

    <div style="margin:0 auto;width:900px;">

        <div style="float:left;width:200px;background:#fff;margin-left:-20px;" >

          <ul class="nav" >  

            <li><a href="#"><span >首页</span></a></li>  

            <li><a href="#"><span >服装城</span></a></li>  

            <li><a href="#"><span >食品酒水</span></a></li>  

            <li><a href="#"><span >团购促销</span></a></li>  

            <li><a href="#"><span >手机数码</span>> </a></li>   

          </ul>                                     
        </div><!--左侧菜单栏-->                  
         <!--中间内容-->          
        <div style="float:right; width:700px;" id='content'>               <!--头部广告-->            
          <img src="./images/banner.jpg" alt="" width='700' height='200'/>              <!--内容部分-->            
          <p align='center'>今日特价：电子产品，低至5折，全场包邮，快来看看吧~ </p><br/>                                                  <!--主要内容-->             　　　       　                     　                                        

                        
                        
                          
                           
                           
                                                                                       <img src="./images/product_01.jpg" alt="" width='150' height='150'/>                 <img src="./images/product_02.jpg" alt="" width='150' height='150'/> <img src="./images/product_03.jpg" alt="" width='150' height='150'/> <img src="./images/product_04.jpg" alt="" width='150' height