Blogger Information
Blog 19
fans 0
comment 0
visits 10763
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML实战练习-人事花名册
牙森江
Original
375 people have browsed it

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>Document</title>
  8. <style>
  9. table{text-align: center;}
  10. </style>
  11. </head>
  12. <body>
  13. <table border="1" width="600px" height="400px" align="center">
  14. <!-- 标题 -->
  15. <caption><h2>人事安排表</h2></caption>
  16. <!-- 表头 -->
  17. <thead>
  18. <tr>
  19. <th>序号</th>
  20. <th>姓名</th>
  21. <th>身份证号</th>
  22. <th>性别</th>
  23. <th>职业</th>
  24. <th>专业</th>
  25. <th>备注</th>
  26. </tr>
  27. </thead>
  28. <!-- 表体 -->
  29. <tbody>
  30. <tr>
  31. <td>1</td>
  32. <td>张强</td>
  33. <td>652901200205042065</td>
  34. <td></td>
  35. <td>铁匠</td>
  36. <td>焊接</td>
  37. <td rowspan="3">生产部</td>
  38. </tr>
  39. <tr>
  40. <td>2</td>
  41. <td>麦麦提</td>
  42. <td>652901200205042065</td>
  43. <td></td>
  44. <td>木匠</td>
  45. <td>艺术</td>
  46. </tr>
  47. <tr>
  48. <td>3</td>
  49. <td>赛买提</td>
  50. <td>652901200205042065</td>
  51. <td></td>
  52. <td>教师</td>
  53. <td>数学</td>
  54. </tr>
  55. <tr>
  56. <td>4</td>
  57. <td>达吾提</td>
  58. <td>652901200205042065</td>
  59. <td></td>
  60. <td>教师</td>
  61. <td>语文</td>
  62. <td rowspan="2">销售部</td>
  63. </tr>
  64. <tr>
  65. <td>5</td>
  66. <td>阿迪力</td>
  67. <td>652901200205042065</td>
  68. <td></td>
  69. <td>教师</td>
  70. <td>英语</td>
  71. </tr>
  72. </tbody>
  73. <!-- 表尾 -->
  74. <tfoot>
  75. <tr>
  76. <td>总人数</td>
  77. <td colspan="6">5</td>
  78. </tr>
  79. </tfoot>
  80. </table>
  81. </body>
  82. </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