admin管理员组

文章数量:1794759

html表格之个人简历

html表格之个人简历

今日份作业:html表格制作个人简历。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人简历</title> <style> table{width:700px; border-collapse: collapse; } caption{ font-size: 50px; } th{ background-color: rgb(236, 236, 236); } td{ height:40px; width:150px; } .tp{ background-color: rgb(215, 238, 249); } .grjn,.jcqk,.shsj,.xqah,.lf{ height:100px; } .zwpj{ height: 120px; } </style> </head> <body> <table border="2px" align="center"> <caption>个人简历</caption> <tbody> <tr> <th>姓名</th> <td></td> <th>性别</th> <td></td> <td rowspan="5" class="tp" align="center">请插入图片</td> </tr> <tr> <th>民族</th> <td></td> <th>籍贯</th> <td></td> </tr> <tr> <th>出生日期</th> <td></td> <th>婚姻状况</th> <td></td> </tr> <tr> <th>学历</th> <td></td> <th>体重身高</th> <td></td> </tr> <tr> <th>专业</th> <td></td> <th>健康状况</th> <td></td> </tr> <tr> <th>求职意向</th> <td colspan="4"></td> </tr> <tr> <th>邮箱</th> <td></td> <th>毕业院校</th> <td colspan="2"></td> </tr> <tr> <th>联系电话</th> <td></td> <th>邮编</th> <td colspan="2"></td> </tr> <tr> <th>语言能力</th> <td colspan="4"></td> </tr> <tr> <th>主修课程</th> <td colspan="4"></td> </tr> <tr class="grjn"> <th>个人技能</th> <td colspan="4"></td> </tr> <tr class="jcqk"> <th>奖惩情况</th> <td colspan="4"></td> </tr> <tr class="shsj"> <th>社会实践</th> <td colspan="4"></td> </tr> <tr class="xqah"> <th>兴趣爱好</th> <td colspan="4"></td> </tr> <tr class="zwpj"> <th >自我评价</th> <td colspan="4"></td> </tr> <tr class="lf"> <th>另附</th> <td colspan="4"></td> </tr> </tbody> </table> </body> </html>

代码成果展示如下:

本文标签: 个人简历表格html