search

博客列表 >HTML 表格练习

HTML 表格练习

纵横网络
纵横网络原创
2022年10月18日 19:45:03503浏览
  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">
  11.         <caption>用户表</caption>
  12.         <thead>
  13.         <tr>
  14.         <th>序号</th>
  15.         <th>姓名</th>
  16.         <th>性别</th>
  17.         <th>年龄</th>
  18.         </tr>
  19.         </thead>
  20.         <tbody>
  21.         <tr>
  22.         <td>1</td>
  23.         <td>张三</td>
  24.         <td rowspan="3">男</td>
  25.         <td>18</td>
  26.         </tr>
  27.         <tr>
  28.         <td>1</td>
  29.         <td>李四</td>
  30.         <!--<td>男</td>-->
  31.         <td>20</td>
  32.         </tr>
  33.         <tr>
  34.         <td>1</td>
  35.         <td>杨六</td>
  36.         <!--<td>男</td>-->
  37.         <td>32</td>
  38.         </tr>
  39.         <tr>
  40.         <td>1</td>
  41.         <td>小梅</td>
  42.         <td rowspan="2">女</td>
  43.         <td>13</td>
  44.         </tr>
  45.         <tr>
  46.         <td>1</td>
  47.         <td>翠花</td>
  48.         <!--<td>女</td>-->
  49.         <td>14</td>
  50.         </tr>
  51.         </tbody>
  52.        <tfoot>
  53.         <tr>
  54.             <td colspan="3">年龄总和</td>
  55.             <!--<td></td>-->
  56.             <!--<td></td>-->
  57.             <td>97</td>
  58.         </tr>
  59.        </tfoot>
  60.         </table>
  62. </body>
  63. </html>
上一条：1017表格作业下一条：课程表作业
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多