1. <!DOCTYPE html>
  2. <html lang="en">
  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{
  10.             text-align: center;
  11.         }
  12.     </style>
  13. </head>
  14. <body>
  15.     <table border="1px" cellspacing="0" align="center">
  16.         <caption>商品信息表</caption>
  17.         <thead>      
  18.             <tr>
  19.             <th>ID</th>
  20.             <th>商品名称</th>
  21.             <th>价格</th>
  22.             <th>数量</th>
  23.             <th>金额</th>
  24.             </tr>
  25.         </thead>
  26.         <tbody>
  27.             <tr>
  28.                 <td>01</td>
  29.                 <td>华为mate40</td>
  30.                 <td>5499</td>
  31.                 <td>1</td>
  32.                 <td>5499</td>
  33.             </tr>
  34.             <tr>
  35.                 <td>02</td>
  36.                 <td>华为mate40 PRO</td>
  37.                 <td>6999</td>
  38.                 <td>1</td>
  39.                 <td>6999</td>
  40.             </tr>
  41.             <tr>
  42.                 <td>03</td>
  43.                 <td>华为NOVA 8 PRO</td>
  44.                 <td>3888</td>
  45.                 <td>2</td>
  46.                 <td>3888</td>
  47.             </tr>
  48.             <tr>
  49.                 <td colspan="2">合计：</td>
  50.                 <td>16386</td>
  51.                 <td>4</td>
  52.                 <td>20274</td>
  53.             </tr>
  54.         </tbody>
  55.     </table>
  57. </body>
  58. </html>

更多相关文章

  1. 学习第二天0629
  2. 数据泄露频发，云厂商开放源代码是“顺势”还是“作妖”？
  3. 华为是对的，网传谷歌税来了！
  4. 光网络市场三巨头：Ciena、华为和诺基亚
  5. 喵喵的华为DevCloud使用指南(3)-项目构建和部署
  6. 程序员如何活成华为让人害怕的样子
  7. 华为联运游戏或应用审核驳回：游戏启动后弹出HMS Core更新提示，点击
  8. 1分钟手把手教你破解华为交换机密码
  9. 时代变了，这才是敏捷DevOps、低代码、微服务的正确打开姿势

随机推荐

  1. Android获取当前WiFi的MAC地址-适配所有
  2. Android 中ListView的应用
  3. Android休眠唤醒机制简介（一）
  4. Android屏幕横屏竖屏设置技巧
  5. intentDemo_2
  6. android activity 的 looper, Handler处
  7. 如何修改 Android 状态栏高度?
  8. android音乐播放器源案例源码
  9. Android UI 之时间与日期控件
  10. 在Ubuntu10.04上设置和下载android4.0源