博客列表 >html 表格的使用

html 表格的使用

小庄
小庄原创
2021年06月30日 12:50:51676浏览

html表格的使用

  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>水果采购信息表</title>
  8. </head>
  9. <!-- 作业内容: -->
  10. <!-- 写一个商品信息表,要求有id,品名,价格,数量,金额等字段, 最后要有合计,如总数, 总金额,并且商品按品类进行合并显示, -->
  11. <!-- 要求用到行与列的合并, 别怕失败,多写几次,就对表格的编写就熟练了。 -->
  12. <body>
  13. <table border="1" width="80%" cellspacing="0" cellpadding="5">
  14. <caption>商品信息表</caption>
  15. <thead bgcolor="lightcyan">
  16. <th>ID</th>
  17. <th>品名</th>
  18. <th>单价(元)</th>
  19. <th>单位</th>
  20. <th>数量</th>
  21. <th>金额</th>
  22. </thead>
  23. <tbody align="center">
  24. <tr>
  25. <td>0001</td>
  26. <td>水蜜桃</td>
  27. <td>8.8</td>
  28. <td rowspan="5"></td>
  29. <td>150</td>
  30. <td>1320</td>
  31. </tr>
  32. <tr>
  33. <td>0002</td>
  34. <td>西瓜</td>
  35. <td>1.8</td>
  36. <td>80</td>
  37. <td>144</td>
  38. </tr>
  39. <tr>
  40. <td>0003</td>
  41. <td>哈密瓜</td>
  42. <td>18.8</td>
  43. <td>60</td>
  44. <td>1128</td>
  45. </tr>
  46. <tr>
  47. <td>0004</td>
  48. <td>苹果</td>
  49. <td>3.8</td>
  50. <td>150</td>
  51. <td>570</td>
  52. </tr>
  53. <tr>
  54. <td>0005</td>
  55. <td>榴莲</td>
  56. <td>23.8</td>
  57. <td>150</td>
  58. <td>3570</td>
  59. </tr>
  60. <tr bgcolor="lightcyan">
  61. <td>合计</td>
  62. <td colspan="2">平均单价:11.4</td>
  63. <td colspan="2">总重量:590</td>
  64. <td>总金额:6732</td>
  65. </tr>
  66. </tbody>
  67. <tfoot>
  68. </tfoot>
  69. </table>
  70. </body>
  71. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议