图片预览：

  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9. </head>
  10. <body>
  11.     <table border="1">
  12.         <caption>商品出售信息表</caption>
  14.         <thead align="center">
  15.              <th>id</th> 
  16.              <th colspan="2">品名</th>   
  17.              <th>出售价格</th>   
  18.              <th>出售数量</th>   
  19.              <th>金额</th>   
  20.         </thead>
  22.         <tbody align="center">
  25.            <tr>
  26.             <td>1</td>
  27.             <td colspan="2">苹果</td>
  28.             <td>10000</td>
  29.             <td>5个</td>
  30.             <td>50000元</td>
  31.         </tr>
  32.            <tr>
  33.                <td>2</td>
  34.                <td rowspan="2">小米</td>
  35.                <td>小米</td>
  37.                <td>3000</td>
  38.                <td>50个</td>
  39.                <td>150000元</td>
  40.            </tr>
  42.            <tr>
  43.             <td>3</td>
  44.             <td>红米</td>
  45.             <td>3000</td>
  46.             <td>10个</td>
  47.             <td>30000元</td>
  48.         </tr>
  51.             <tr>
  52.                 <td>4</td>
  53.                 <td rowspan="2">步步高</td>
  55.                 <td>OPPO</td>
  56.                 <td>4000</td>
  57.                 <td>2个</td>
  58.                 <td>8000元</td>
  59.             </tr>
  61.             <tr>
  62.                 <td>5</td>
  65.                 <td>ViVO</td>
  66.                 <td>4000</td>
  67.                 <td>2个</td>
  68.                 <td>8000元</td>
  69.             </tr>
  70.         </tbody>
  74.         <tfoot>
  75.             <tr>
  76.                 <td>合计</td>
  78.                 <td colspan="4"></td>
  80.                 <td>390000元</td>
  81.             </tr>
  82.         </tfoot>
  83.     </table>
  88. </body>
  89. </html>

更多相关文章

  1. 表格信息练习
  2. 小米深度学习平台架构与实现
  3. 侵害10亿用户隐私，QQ、小米金融、搜狐新闻等41款App被通报
  4. 设计模式3之抽象工厂模式
  5. 高通下一代旗舰骁龙865正式发布：外挂「真5G」，小米10将首发
  6. 价值200万的小米LOGO给UI设计师带来了什么？
  7. 小米官宣了个锤子？真相是爬虫的锅！
  8. 这里是上的第一课
  9. android --拍照相册选取图片[兼容小米等其他手机]

随机推荐

  1. 2011.07.18（2）——— android Animation的
  2. Android中安装，启动和卸载应用
  3. Android USB debugging 功能失效
  4. Android开发7：单元测试
  5. 仿UC底部菜单栏实例源码
  6. 在Android上创建一个PopupWindow
  7. Android Support Package 支撑包
  8. 在sd卡存储文件
  9. Android(安卓)SB的一面，BUG汇总
  10. Android 解决布局问题