首页 > 代码库 > 用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做的简单的个人简历