练习11_个人简历table版.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  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>Document</title>
  7. <style>
  8. table img{
  9. width: 150px;
  10. }
  11. table{
  12. border-collapse: collapse;
  13. width: 1000px;
  14. margin: 0 auto;
  15. }
  16. th,td{
  17. border:1px solid #666;
  18. padding: 10px;
  19. }
  20. th{
  21. background-color: #007bff;
  22. color: #fff;
  23. text-align: left;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <table>
  29. <tbody>
  30. <tr>
  31. <td rowspan="5" width="150">
  32. <img src="./img/img3.png" alt="图片">
  33. </td>
  34. <th>个人信息</th>
  35. <th>详情</th>
  36. </tr>
  37. <tr>
  38. <td>姓名</td>
  39. <td>[你的姓名]</td>
  40. </tr>
  41. <tr>
  42. <td>联系方式</td>
  43. <td>[你的电话或邮箱]</td>
  44. </tr>
  45. <tr>
  46. <td>出生日期</td>
  47. <td>[你的出生日期]</td>
  48. </tr>
  49. <tr>
  50. <td>现居地址</td>
  51. <td>[你的现居地址]</td>
  52. </tr>
  53. <tr>
  54. <th height="150">个人简介</th>
  55. <td colspan="2">具备丰富的前端开发经验,熟练掌握 HTML、CSS 和 JavaScript 等技术,对新技术充满热情,善于学习和解决问题。在工作中注重团队协作,能够高效完成任务。</td>
  56. </tr>
  57. <tr>
  58. <th>教育背景</th>
  59. <td colspan="2" style="padding: 20px;">
  60. <table>
  61. <tbody>
  62. <tr>
  63. <td width="400">[毕业院校 1]</td>
  64. <td>[专业名称 1] ([入学时间 1] - [毕业时间 1])</td>
  65. </tr>
  66. <tr>
  67. <td>[毕业院校 1]</td>
  68. <td>[专业名称 1] ([入学时间 1] - [毕业时间 1])</td>
  69. </tr>
  70. <tr>
  71. <td>[毕业院校 1]</td>
  72. <td>[专业名称 1] ([入学时间 1] - [毕业时间 1])</td>
  73. </tr>
  74. <tr>
  75. <td>[毕业院校 1]</td>
  76. <td>[专业名称 1] ([入学时间 1] - [毕业时间 1])</td>
  77. </tr>
  78. </tbody>
  79. </table>
  80. </td>
  81. </tr>
  82. <tr>
  83. <th>工作经历</th>
  84. <td colspan="2">
  85. <table>
  86. <tbody>
  87. <tr>
  88. <td width="400">[毕业院校 1]</td>
  89. <td>[专业名称 1] ([入学时间 1] - [毕业时间 1])</td>
  90. </tr>
  91. <tr>
  92. <td>[毕业院校 1]</td>
  93. <td>[专业名称 1] ([入学时间 1] - [毕业时间 1])</td>
  94. </tr>
  95. <tr>
  96. <td>[毕业院校 1]</td>
  97. <td>[专业名称 1] ([入学时间 1] - [毕业时间 1])</td>
  98. </tr>
  99. <tr>
  100. <td>[毕业院校 1]</td>
  101. <td>[专业名称 1] ([入学时间 1] - [毕业时间 1])</td>
  102. </tr>
  103. </tbody>
  104. </table>
  105. </td>
  106. </tr>
  107. <tr>
  108. <th>技能</th>
  109. <td colspan="2">
  110. <ul>
  111. <li>熟练掌握 HTML5 和 CSS3 布局与样式设计,能够构建响应式和自适应网页。</li>
  112. <li>精通 JavaScript 编程,包括 ES6 及相关框架,如 Vue.js、React 等。</li>
  113. </ul>
  114. </td>
  115. </tr>
  116. </tbody>
  117. </table>
  118. </body>
  119. </html>