1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <style>
  9.         table tr{text-align: center;}
  10.     </style>
  11. </head>
  12. <body>
  13.     <table border="1"  width="80%">
  14.         <caption>商品信息表</caption>
  15.         <thead>
  16.          <tr bgcolor="lightblue">
  17.             <th>id</th>
  18.             <th>类别</th>
  19.             <th>商品名</th>
  20.             <th>金额</th>
  21.             <th>数量</th>
  22.          </tr>
  23.         </thead>
  24.        <tbody>
  25.           <tr>
  26.             <td>1</td>
  27.             <td rowspan="2">前端</td>
  28.             <td>js</td>
  29.             <td>20</td>
  30.             <td>1</td>
  31.         </tr>
  32.         <tr>
  33.             <td>2</td>
  34.             <td>jquery</td>
  35.             <td>100</td>
  36.             <td>1</td>
  37.         </tr>
  38.         <tr>
  39.             <td>3</td>
  40.             <td rowspan="2">后端</td>
  41.             <td>php</td>
  42.             <td>100</td>
  43.             <td rowspan="2">50</td>
  44.         </tr>
  45.         <tr>
  46.             <td>4</td>
  47.             <td>mysql</td>
  48.             <td>100</td>
  49.         </tr>  
  50.     </tbody>
  51.     <tfoot>
  52.         <tr bgcolor="yellow">
  53.             <td colspan="3">合计</td>
  54.             <td>320</td>
  55.             <td>52</td>
  56.         </tr>  
  57.     </tfoot>
  59.     </table>
  60. </body>
  61. </html>

更多相关文章

  1. HTML表格实战：制作商品信息表格
  2. 0629作业
  3. HTML表格案例《商品信息表》
  4. 手机商品信息表
  5. 图书商品信息表
  6. 商品信息表
  7. 6/29号作业
  8. 学习第二天0629
  9. 视频直播软件开发：Android客户端接入谷歌支付的实现流程

随机推荐

  1. Android数据缓存
  2. Android：Could not GET xxxx Received sta
  3. android 源码
  4. Android检测网络是否可用
  5. Android Study ING
  6. android常用应用的包名和startAcitivity
  7. Android中获取网页表单中的数据
  8. 2011.09.20（4）——— android SpannableStr
  9. Android中获取IMEI码
  10. android 返回到首页