<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>销售统计</title>
    <link href="minimal-table.css" rel="stylesheet" type="text/css">
</head>

<body>
    <h1>销售统计</h1>

    <table>
      <caption>2016年8月销售记录</caption>
        <thead>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <th colspan="3" id="clothes">服装</th>
            <th colspan="2" id="accessories">饰物</th>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <th id="trousers">长裤</th>
            <th id="skirts">裙装</th>
            <th id="dresses">套装</th>
            <th id="bracelets">手镯</th>
            <th id="rings">戒指</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th rowspan="3" id="belgium">比利时</th>
            <th id="antwerp">安特卫普</th>
            <td headers="clothes trousers belgium antwerp">56</td>
            <td headers="clothes skirts belgium antwerp">22</td>
            <td headers="clothes dresses belgium antwerp">43</td>
            <td headers="accessories bracelets belgium antwerp">72</td>
            <td headers="accessories rings belgium antwerp">23</td>
          </tr>
          <tr>
            <th id="gent">根特</th>
            <td headers="clothes trousers belgium gent">46</td>
            <td headers="clothes skirts belgium gent">18</td>
            <td headers="clothes dresses belgium gent">50</td>
            <td headers="accessories bracelets belgium gent">61</td>
            <td headers="accessories rings belgium gent">15</td>
         </tr>
         <tr>
           <th id="brussels">布鲁塞尔</th>
           <td headers="clothes trousers belgium brussels">51</td>
           <td headers="clothes skirts belgium brussels">27</td>
           <td headers="clothes dresses belgium brussels">38</td>
           <td headers="accessories bracelets belgium brussels">69</td>
           <td headers="accessories rings belgium brussels">28</td>
         </tr>
         <tr>
           <th rowspan="2" id="netherlands">荷兰</th>
           <th id="amsterdam">阿姆斯特丹</th>
           <td headers="clothes trousers netherlands amsterdam">89</td>
           <td headers="clothes skirts netherlands amsterdam">34</td>
           <td headers="clothes dresses netherlands amsterdam">69</td>
           <td headers="accessories bracelets netherlands amsterdam">85</td>
           <td headers="accessories rings netherlands amsterdam">38</td>
         </tr>
         <tr>
           <th id="utrecht">乌得勒支</th>
           <td headers="clothes trousers netherlands utrecht">80</td>
           <td headers="clothes skirts netherlands utrecht">12</td>
           <td headers="clothes dresses netherlands utrecht">43</td>
           <td headers="accessories bracelets netherlands utrecht">36</td>
           <td headers="accessories rings netherlands utrecht">19</td>
         </tr>
       </tbody>
    </table>

</body>

</html>
