<!DOCTYPE html> <html><head> <title>个人简历</title> <meta charset="utf-8"> <meta name="keywords" content="我的HTML作业,作业" /> <meta name="description" content="个人简历作业"> <style> #content{ width:800px; margin: 0 auto; } .tableConmon{ margin: 0; padding: 0; width:800px; } .trCommon > td{ border: 1px #000000 solid; } .topBoot{ background: #708090; } .topTwo{ background:#BEBEBE; text-align:left; } .headImg{ width: 100px; height:150px; } form{ width:600px; height:600px; margin:0 auto; } input[name="age"]{ width:35px; } </style> </head> <body> <div id="content"> <table class="tableConmon" cellspacing="0" cellpadding="10"> <!-- <caption>我的前端个人简历作业</caption> --> <thead> <tr class="trCommon topBoot"> <td colspan="5"></td> </tr> <tr class="topTwo"> <th colspan="5">---- 基 本 资 料 ----</th> </tr> </thead> <tbody> <tr class="trCommon"> <td>姓名</td> <td>Andy</td> <td>性别</td> <td>男</td> <td rowspan="7"> <img alt="图片飞走了" class="headImg" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.17qq.com%2Fimg_qqtouxiang%2F86857359.jpeg&refer=http%3A%2F%2Fwww.17qq.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1638847146&t=d901ec25e172997a1defdb87a9030d62"> </td> </tr> <tr class="trCommon"> <td>学历</td> <td>大专</td> <td>身高</td> <td>165CM</td> <!-- <td>照片</td> --> </tr> <tr class="trCommon"> <td>籍贯</td> <td>贵州</td> <td>出生年月</td> <td>1889年12月11</td> <!-- <td>照片</td> --> </tr> <tr class="trCommon"> <td>毕业院校</td> <td colspan="3"></td> <!-- <td></td> <td></td> --> <!-- <td>照片</td> --> </tr> <tr class="trCommon"> <td>主修专业</td> <td colspan="3"></td> <!-- <td></td> <td></td> --> <!-- <td>照片</td> --> </tr> <tr class="trCommon"> <td>工作经验</td> <td>在职</td> <td>目前年薪</td> <td>10万元</td> <!-- <td>照片</td> --> </tr> <tr class="trCommon"> <td>有限证件</td> <td>身份证</td> <td>证件号码</td> <td>554414787</td> <!-- <td>照片</td> --> </tr> <tr class="trCommon topBoot"> <td colspan="5"></td> <!-- <td></td> <td></td> <td></td> <td></td> --> </tr> </tbody> </table> <table class="tableConmon" cellspacing="0" cellpadding="10"> <thead> <tr class="topTwo"> <th colspan="4">---- 求 职 意 向 ----</th> </tr> </thead> <tbody> <tr class="trCommon"> <td>寻求职位</td> <td colspan="3">PHP工程师</td> <!-- <td></td> <td></td> --> </tr> <tr class="trCommon"> <td>求职地区</td> <td>福田</td> <td>工资待遇</td> <td>8800</td> </tr> <tr class="trCommon" height="150px"> <td>自我评价</td> <td colspan="3"> 工作认真,乐于学习 </td> <!-- <td></td> <td></td> --> </tr> <tr class="trCommon topBoot"> <td colspan="4"></td> <!-- <td></td> <td></td> <td></td> --> </tr> </tbody> </table> <table class="tableConmon" cellspacing="0" cellpadding="10"> <thead> <tr class="topTwo"> <th colspan="4">---- 教 育 经 历 ----</th> </tr> </thead> <tbody> <tr class="trCommon"> <td>起止时间</td> <td>就读院校名称</td> <td>主修专业</td> <td>学历</td> </tr> <tr class="trCommon"> <td>1888-2009</td> <td>PHP中文网</td> <td>全栈工程师</td> <td>全栈工程师</td> </tr> <tr class="trCommon topBoot"> <td colspan="4"></td> </tr> </tbody> </table> <table class="tableConmon" cellspacing="0" cellpadding="10"> <thead> <tr class="topTwo"> <th colspan="4">---- 工 作 经 验 ----</th> </tr> </thead> <tbody> <tr class="trCommon"> <td>就职公司</td> <td>PHP开发公司</td> <td>公司评价</td> <td>优秀</td> </tr> <tr class="trCommon"> <td>就职时间</td> <td>1999-至今</td> <td>就职部门</td> <td>it部</td> </tr> <tr class="trCommon"> <td>公司性质</td> <td>外包公司</td> <td>就职职位</td> <td>PHP开发工程师</td> </tr> <tr class="trCommon" height="150px"> <td>工作描述</td> <td colspan="3">PHP开发工程师</td> </tr> <tr class="trCommon topBoot"> <td colspan="4"></td> </tr> </tbody> </table> <table class="tableConmon" cellspacing="0" cellpadding="10"> <thead> <tr class="topTwo"> <th colspan="4">---- 联 系 方 式 ----</th> </tr> </thead> <tbody> <tr class="trCommon"> <td>联系电话</td> <td>444555</td> </tr> <tr class="trCommon"> <td>联系手机</td> <td>558788</td> </tr> <tr class="trCommon"> <td>电子邮件</td> <td>444555@qq.com</td> </tr> </tbody> </table> <hr/> <form action="#" method="get"> <h3>用户注册</h3> 账号:<input type="text" name="user" placeholder="请输入用户名称"><br/> 密码:<input type="password" name="pwd" placeholder="6-16位字符"><br/> 邮箱:<input type="email" name="email" placeholder="example@mail.com"><br/> 年龄:<input type="text" name="age"><br/> 生日:<input type="date" name="birthday"><br/> 课程:<select name="course"> <option value="">---请选择---</option> <option value="html" selected>html</option> <option value="css">css</option> <option value="script">script</option> <option value="php">php</option> </select><br/> 爱好:<input type="checkbox" name="hobby" id="da"> <label for="da">打游戏</label> <input type="checkbox" name="hobby" id="kan"> <label for="kan">看电影</label> <input type="checkbox" checked name="hobby" id="lu"> <label for="lu">撸代码</label> <br/> 性别:<input type="radio" checked name="sex" id="nan"> <label for="nan">男</label> <input type="radio" name="sex" id="nv"> <label for="nv">女</label> <input type="radio" name="sex" id="baomi"> <label for="baomi">保密</label> <br/> 简介:<textarea name="brief" id="" cols="30" rows="10"> </textarea><br/> <input type="submit" value="提交"> <input type="button" value="Ajax"> </form> </div> </body> </html>