Community Learn Tools Library Leisure
search
English
Home > List of blog posts > html表格作业
Blogger Information
Blog 3
fans 0
comment 1
visits 1800
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html表格作业
手机用户1601922620
Original
913 people have browsed it

通过学习代码如下：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>商品管理</title>
  7. </head>
  8. <body>
  9.     <!-- 作业内容：写一个商品信息表，要求有id,品名，价格，数量，金额等字段， 最后要有合计，如总数， 总金额，
  10.     并且商品按品类进行合并显示，
  11.     要求用到行与列的合并， 别怕失败，多写几次，就对表格的编写就熟练了。 -->
  12.     <table border="1" width="90%" cellspacing="0" cellpadding="5">
  13.         <!-- 标题 -->
  14.         <caption>
  15.             商品库存信息
  16.         </caption>
  18.         <!-- 表头 -->
  19.     <thrad>
  20.             <tr bgcolor="green">
  21.                 <th>商品编号</th>
  22.                 <th>商品名称</th>
  23.                 <th>商品价格</th>
  24.                 <th>商品数量</th>
  25.                 <th>商品规格</th>
  26.             </tr>
  27.     </thrad>
  29.     <!-- 表体 -->
  30.     <!-- center表示居中 -->
  31.     <!-- bgcolor表示颜色赋值 -->
  33.     <tbody align="center"bgcolor="lightcyan">
  34.             <tr>  
  35.                 <td>001</td>
  36.                 <td>裙子</td>
  37.                 <td>100</td>
  38.                 <td>1</td>
  39.                 <td>L</td>
  41.             </tr>
  43.             <tr>
  44.                 <td>001</td>
  45.                 <td>牛仔裤</td>
  46.                 <td>200</td>
  47.                 <td>1</td>
  48.                 <td>XL</td>
  50.             </tr>
  52.             <tr>
  53.                 <td>001</td>
  54.                 <td>外套</td>
  55.                 <td>300</td>
  56.                 <td>1</td>
  57.                 <td>M</td>
  59.             </tr>
  61.             <tr>
  62.                 <td>001</td>
  63.                 <td>衬衣</td>
  64.                 <td>80</td>
  65.                 <td>1</td>
  66.                 <td>XXL</td>
  68.             </tr>
  70.             <tr>
  71.                 <td>001</td>
  72.                 <td>鞋子</td>
  73.                 <td>400</td>
  74.                 <td>1</td>
  75.                 <td>L</td>
  77.             </tr>
  79.             <tr>
  80.                 <td>001</td>
  81.                 <td>帽子</td>
  82.                 <td>50</td>
  83.                 <td>1</td>
  84.                 <td>M</td>
  86.             </tr>
  89.     </tbody>
  91.     <!-- 表尾 -->
  92.     <tfoot>
  93.             <tr>
  95.                 <td colspan="4" bgcolor="red">进货价格总计</td>
  96.                 <td bgcolor="yellow">1130元</td>
  100.             </tr>
  103.     </tfoot>
  106.     </table>
  107. </body>
  108. </html>

最终显示效果：

Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post