运用表格相关知识编写了一个简单的个人简历页面
运行效果:
代码详情:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人简历</title> <style type="text/css"> table { width: 63%; text-align: center; } td { width: 9%; height: 35px; } #td1 { height: 150px; } </style> </head> <body> <table border="1" cellspacing="0" align="center"> <caption> <h1>个人简历</h1> </caption> <tr> <td>姓名</td> <td> </td> <td>性别</td> <td></td> <td>民族</td> <td></td> <td rowspan="4"></td> </tr> <tr> <td>出生年月</td> <td></td> <td>政治面貌</td> <td></td> <td>婚姻状况</td> <td></td> </tr> <tr> <td>籍贯</td> <td></td> <td>现所在地</td> <td></td> <td>毕业学校</td> <td></td> </tr> <tr> <td>学历</td> <td></td> <td>学制</td> <td></td> <td>专业</td> <td></td> </tr> <tr> <td>爱好特长</td> <td colspan="6"></td> </tr> <tr> <td>专业技能</td> <td colspan="6"></td> </tr> <tr> <td>英语水平</td> <td colspan="2"></td> <td>计算机水平</td> <td colspan="3"></td> </tr> <tr> <td>联系电话</td> <td colspan="2"></td> <td>电子邮箱</td> <td colspan="3"></td> </tr> <tr> <td>求职意向</td> <td colspan="6"></td> </tr> <tr> <td colspan="7">学习及实践经历</td> </tr> <tr> <td colspan="2">时间</td> <td colspan="2">学校或单位</td> <td colspan="3">内容</td> </tr> <tr> <td colspan=2></td> <td colspan=2></td> <td colspan=3></td> </tr> <tr> <td colspan="2"></td> <td colspan="2"></td> <td colspan="3"></td> </tr> <tr> <td colspan="2"></td> <td colspan="2"></td> <td colspan="3"></td> </tr> <tr> <td colspan="2"></td> <td colspan="2"></td> <td colspan="3"></td> </tr> <tr> <td rowspan="5"> 自我评定</td> <td colspan="6" id="td1"></td> </tr> </table> </body> </html>