search

博客列表 >6/29号作业

6/29号作业

肖
肖原创
2021年06月30日 17:40:45522浏览
  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.   </head>
  9.   <body>
  10.     <table border="1" width="80%" cellspacing="0" cellpadding="5">
  11.       <caption>
  12.         商品信息表
  13.       </caption>
  15.       <thead>
  16.         <tr>
  17.           <th>ID</th>
  18.           <th>品类</th>
  19.           <th>品名</th>
  20.           <th>数量</th>
  21.           <th>单价</th>
  22.           <th>金额</th>
  23.         </tr>
  24.         <tr>
  25.             <th>1</th>
  26.             <th rowspan="2">衣服</th>
  27.             <th>冬装</th>
  28.             <th>1</th>
  29.             <th>100</th>
  30.             <th>100</th>
  31.           </tr>
  32.           <tr>
  33.             <th>2</th>
  35.             <th>夏装</th>
  36.             <th>1</th>
  37.             <th>100</th>
  38.             <th>100</th>
  39.           </tr>
  40.           <tr>
  41.             <th>3</th>
  42.             <th rowspan="2">饮料</th>
  43.             <th>可口可乐</th>
  44.             <th>1</th>
  45.             <th>100</th>
  46.             <th>100</th>
  47.           </tr>
  48.           <th>4</th>
  49.             <th>百事可乐</th>
  50.             <th>1</th>
  51.             <th>100</th>
  52.             <th>100</th>
  53.         </tr>
  54.     </tr > 
  55.     <th colspan="6" bgcolor="pink">以下为备用物品</th>
  56.   </tr>
  57. </tr>
  58. <th>5</th>
  59. <th rowspan="2">数码</th>
  60.   <th>相机</th>
  61.   <th>1</th>
  62.   <th>100</th>
  63.   <th>100</th>
  64. </tr>
  65. </tr>
  66. <th>6</th>
  67.   <th>镜头</th>
  68.   <th>1</th>
  69.   <th>100</th>
  70.   <th>100</th>
  71. </tr>
  72. <tfoot>
  73. </tr > 
  74. <th colspan="4" rowspan="2" bgcolor="pink">合计</th>
  75. <th>平均单价</th>
  76. <th>金额合计</th>
  77. </tr>
  78. </tr > 
  80. <th>100</th>
  81. <th>600</th>
  82. </tr>
  83. </tfoot>
  84.       </thead>
  85.     </table>
  86.   </body>
  87. </html>
上一条：html制作table下一条：商品信息表
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多