作业-表格制作

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网 
  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. </head>
  9. <body>
  10.     <table border="3" width="400" cellspacing="0" cellpadding="0">
  11.         <caption>
  12.             <h1>购物车</h1>
  13.         </caption>
  14.         <thead bgcolor="lightgreen">
  15.            <tr>
  16.             <th>分类</th>
  17.             <th>序号</th>
  18.             <th>名称</th>
  19.             <th>数量</th>
  20.             <th>进货价</th>
  21.             <th>出售价</th>
  22.             <th>库存</th>
  23.            </tr>
  24.         </thead>
  25.         <tbody align="center">
  26.             <tr>
  27.                 <td rowspan="2">数码电器</td>
  28.                 <td>1</td>
  29.                 <td>苹果手机</td>
  30.                 <td>3</td>
  31.                 <td>4888</td>
  32.                 <td>5999</td>
  33.                 <td>5</td>
  34.             </tr>
  35.             <tr>
  36.                 <!-- <td>数码电器</td> -->
  37.                 <td>2</td>
  38.                 <td>小米电视</td>
  39.                 <td>5</td>
  40.                 <td>3899</td>
  41.                 <td>4899</td>
  42.                 <td>9</td>
  43.             </tr>
  44.             <tr>
  45.                 <td rowspan="3">生鲜</td>
  46.                 <td>1</td>
  47.                 <td>鲈鱼</td>
  48.                 <td>20</td>
  49.                 <td>20</td>
  50.                 <td>38</td>
  51.                 <td>5</td>
  52.             </tr>
  53.             <tr>
  54.                 <!-- <td>生鲜</td> -->
  55.                 <td>2</td>
  56.                 <td>土豆</td>
  57.                 <td>4</td>
  58.                 <td>1</td>
  59.                 <td>2</td>
  60.                 <td>3</td>
  61.             </tr>
  62.             <tr>
  63.                 <!-- <td>生鲜</td> -->
  64.                 <td>3</td>
  65.                 <td>牛肉</td>
  66.                 <td>5</td>
  67.                 <td>23</td>
  68.                 <td>34</td>
  69.                 <td>7</td>
  70.             </tr>
  71.            <tfoot align="center" bgcolor="lightgray">
  72.                 <td colspan="3">合计:</td>
  73.                 <td>45</td>
  74.                 <td>5564</td>
  75.                 <td>54</td>
  76.                 <td>54</td>
  77.            </tfoot>
  78.         </tbody>       
  79.     </table>
  80. </body>
  81. </html>
【感谢龙石为本站提供数据共享交换平台 http://www.longshidata.com/pages/exchange.html】
更多阅读