表格的基本写法

<table border="1" style="width: 70%">
      <!-- 标题 -->
      <caption>
        商品明细表
      </caption>
      <!-- 表头 -->
      <thead>
        <tr>
          <th>id</th>
          <th>商品名称</th>
          <th>单价</th>
          <th>数量</th>
          <th>金额</th>
          <th>库存总数</th>
        </tr>
      </thead>
      <!-- 主题 -->
      <tbody>
        <tr align="center">
          <td>1</td>
          <td>娃哈哈</td>
          <td>2.5</td>
          <td>10</td>
          <td>25</td>
          <td rowspan="4">15</td>
        </tr>
        <tr align="center">
          <td>1</td>
          <td>爽歪歪</td>
          <td>3</td>
          <td>5</td>
          <td>15</td>
        </tr>
        <tr align="center">
          <th colspan="2">库存总金额</th>
          <td colspan="3">40</td>
        </tr>
      </tbody>
      <!-- 表尾 -->
      <tfoot>
        <tr align="center">
          <th colspan="6" style="color: green">你真棒！</th>
        </tr>
      </tfoot>
    </table>

• colspan：列的合并
• rowspan：行的合并

上面代码的最终页面展现形式