首页 > 代码库 > 用HTML做的简单的个人简历
用HTML做的简单的个人简历
<html><head><title>table表格</title><style type="text/css"> td { width:800px; height:36px; text-align:left; } th { width: 800px; height:30px; text-align:center; } .p1 { font-family:楷体; font-size:20px; } .p2 { font-style:italic; font-weight:lighter; } .p3 { font-family:楷体; font-size:45px; text-align:center; } .tt1 { border:none; overflow:hidden; height:100%; width:100%; font-family:宋体; font-size:25px; font-color:black; font-weight:bold; text-align:left; } textarea{ border:none; height:100%; width:100%; font-size:20px; font-family:黑体; } .textarea1{ border:none; height:100%; width:100%; text-align:left; font-size:20px; font-family:黑体; } .button{ border:none; height:100%; width:100%; background:#008000; } .editable{ height:100%; width:100%; text-align:left; overflow-x:visible; overflow-y:visible; } </style></head><script language="javascript"> function disp_alert() { alert("恭喜您 提交成功!"); } function reset() { form.name.value=""; form.sex.value=""; form.date.value=""; form.pol.value=""; form.nat.value=""; form.tel.value=""; form.soc.value=""; form.txt.value=""; } </script><body><table width=850 height = 300 border=1 bordercolor = "green" style="border-collapse:collapse" align = "center"> <!-- collapse将表格边框合并成一个细线 --> <caption class=p1><h1>个人简历</h1></caption> <!-- 标题 --> <form id="form_id" action="index.html" method="post"> <tr align="center"> <th colspan = 6 bgcolor="#008000"> <small> <p class=p2> <u>Tel:18192515040</u> <u>Email:357942204@qq.com></u> </p> </small> </th> </tr> <tr align = center valign="middle"> <th>个人信息</th> <td colspan = 5 bgcolor="green"> </td> </tr> <tr> <th>姓名</th> <td><input type="text" name="name"id="name" style="width:100%;height:100%;"></td> <th>性别</th> <td style="font-family:黑体"> <input type="radio" name="sex" value="http://www.mamicode.com/radiobutton" > 男 <input type="radio" name="sex" value="http://www.mamicode.com/radiobutton"> 女 </td> <th>出生年月日</th> <td><input type="text" name="date"id="date" style="width:100%;height:100%;"></td> </tr> <tr> <th>政治面貌</th> <td><input type="text" name="pol"id="pol" style="width:100%;height:100%;"></td> <th>籍贯</th> <td><input type="text" name="nat"id="nat" style="width:100%;height:100%;"></td> <th>电话</th> <td><input type="text" name="tel"id="tel" style="width:100%;height:100%;"></td> </tr> <tr> <th>技能</th> <td colspan = 5 bgcolor="green"> </td> </tr> <tr> <th rowspan=3>技能</th> <td colspan=5 valign="middle"> <li>软件工程</li> </td> </tr> <tr> <td colspan=5 align = "center" valign="middle"> <li>软件工程</li> </td> </tr> <tr> <td colspan=5> <li>软件工程</li></td> </tr> </tr> <tr> <th>专业及社会实践</th> <td colspan = 5 bgcolor="green"> </td> </tr> <tr> <th>专业</th> <td colspan = 5> <li>软件工程</li> </td> </tr> <tr> <th>社会实践</th><td style="height: 90px; " colspan=5><textarea class=‘editable‘ onkeydown ="if(event.keyCode==20) return false; "oninput="this.style.height=‘100px‘;this.style.height=(this.scrollHeight+‘px‘);" onpropertychange="this.style.height=(this.scrollHeight+‘px‘)"type="text" name="shehui" id="shehui"></textarea></td> </tr> <tr> <th>工作经历</th> <td colspan = 5 bgcolor="green"> </td> </tr> <tr> <td colspan =2> </td> <td colspan=2> </td> <td colspan=2> </td> </tr> <tr> <td colspan =2> </td> <td colspan=2> </td> <td colspan=2> </td> <tr> <th>英语水平</th> <td colspan = 5 bgcolor="green"> </td> </tr> </tr> <tr> <td colspan =2> </td> <td colspan=4> </td> </tr> <tr> <td colspan =2> </td> <td colspan=4> </td> </tr> <tr> <th>获得奖励</th> <td colspan = 5 bgcolor="green"> </td> </tr> </tr> <tr> <td colspan =2> </td> <td colspan=4> </td> </tr> <tr> <td colspan =2> </td> <td colspan=4> </td> </tr> <tr> <td colspan="6"> </td> </tr> <tr> <td colspan="4"> </td> <td> <input type="button" onclick="disp_alert()" value="http://www.mamicode.com/提交" class="button"> </td> <td> <input type="reset" name="reset" value="http://www.mamicode.com/重置" onclick="reset()" class="button"> </td> </tr> <tr><td style="height: 90px; " colspan=6><textarea class=‘editable‘ onkeydown ="if(event.keyCode==20) return false; "oninput="this.style.height=‘100px‘;this.style.height=(this.scrollHeight+‘px‘);" onpropertychange="this.style.height=(this.scrollHeight+‘px‘)"type="text" name="txt" id="txt"></textarea></td> </tr></form></table></body></html>
用HTML做的简单的个人简历
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。