table0310

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网 
  1. <!DOCTYPE html>
  2.     <html lang="zh-CN">
  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>Table</title>
  8.     </head>
  9.     <body>
  10.         <table border="1" cellspacing="0" cellpadding="5" align="center" width="80%">
  11.             <caption>购物清单</caption>
  12.             <thead bgcolor="##87ceeb">
  13.                 <th>种类</th>
  14.                 <th>名称</th>
  15.                 <th>数量</th>
  16.                 <th>金额</th>
  17.             </thead>
  18.             <tbody align="center">
  19.                 <tr>
  20.                     <td rowspan="3">水果</td>
  21.                     <td>苹果</td>
  22.                     <td>2</td>
  23.                     <td>15</td>
  24.                 </tr>
  25.                 <tr>
  26.                     <td>葡萄</td>
  27.                     <td>5</td>
  28.                     <td>50</td>
  29.                 </tr>
  30.                 <tr>
  31.                     <td>梨</td>
  32.                     <td>7</td>
  33.                     <td>35</td>
  34.                 </tr>
  35.             </tbody>
  36.             <tfoot>
  37.                 <tr align="center">
  38.                     <td colspan="3">合计</td>
  39.                     <td>100</td>
  40.                 </tr>
  41.             </tfoot>
  42.         </table>
  43.     </body>
  44.     </html>

购物清单

总结：

这一课学起来还比较轻松，Table之前有接触过一些，还是有收获的，比如“大哥”的概念，设置小弟的大小没用，要大哥说的算；tfoot标签之前很少用，其实挺有用的。

【本文转自：韩国服务器 https://www.68idc.cn 复制请保留原URL】
更多阅读