制作产品报价表

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网
制作产品报价表

HTML页面程序

  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>报价表</title>
  8. </head>
  9. <body>
  10. <table border = "1" width ="1000">
  11.     <caption>产品报价表
  12.     </caption>
  13.     <thead>
  14.         <tr>
  15.             <th>序号</th>
  16.             <th>规格</th>
  17.             <th>数量</th>
  18.             <th>单价</th>
  19.             <th>小计</th>
  20.             <th>备注</th>
  21.         </tr>
  22.     </thead>
  23.     <tbody>
  24.         <tr>
  25.             <td>1</td>
  26.             <td>65寸</td>
  27.             <td>1台</td>
  28.             <td>22495元</td>
  29.             <td>22495元</td>
  30.             <td rowspan="4"></td>
  31.         </tr>
  32.         <tr>
  33.             <td>2</td>
  34.             <td>75寸</td>
  35.             <td>1台</td>
  36.             <td>30996元</td>
  37.             <td>30996元</td>
  39.         </tr>
  40.         <tr>
  41.             <tr>
  42.                 <td>3</td>
  43.                 <td>86寸</td>
  44.                 <td>1台</td>
  45.                 <td>55496元</td>
  46.                 <td>55496元</td>
  47.                 <!-- <td></td> -->
  48.         </tr>
  49.     </tbody>
  50.     <tfoot>
  51.         <tr>
  52.             <td colspan="4">总计</td>
  53.             <td>108987元</td>
  54.         </tr>
  55.     </tfoot>
  56. </table>
  57. </body>
  58. </html>

页面效果

重点:

【文章转自防cc http://www.558idc.com/gfcdn.html 复制请保留原URL】
更多阅读