码迷,mamicode.com
首页 > Web开发 > 详细

用HTML做的简单的个人简历

时间:2014-12-24 16:14:41      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

<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="radiobutton" >
              男 
       <input type="radio" name="sex" value="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="提交"  class="button">
      </td>  
      <td> 
          <input type="reset" name="reset"  value="重置"  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做的简单的个人简历

标签:

原文地址:http://www.cnblogs.com/sunnyflying/p/4182629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!