<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做的简单的个人简历的更多相关文章

  1. HTML 使用表格制作简单的个人简历

    复习一下HTML,用表格做一个简单的个人简历 <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...

  2. 【Bugly干货分享】一起用 HTML5 Canvas 做一个简单又骚气的粒子引擎

    Bugly 技术干货系列内容主要涉及移动开发方向,是由Bugly邀请腾讯内部各位技术大咖,通过日常工作经验的总结以及感悟撰写而成,内容均属原创,转载请标明出处. 前言 好吧,说是“粒子引擎”还是大言不 ...

  3. 使用React并做一个简单的to-do-list

    1. 前言 说到React,我从一年之前就开始试着了解并且看了相关的入门教程,而且还买过一本<React:引领未来的用户界面开发框架 >拜读.React的轻量组件化的思想及其virtual ...

  4. 如何做个简单安卓App流程

    有同学做毕业设计,问怎样做个简单安卓App流程,我是做服务端的,也算是经常接触app,想着做app应该很简单吧,不就做个页面,会跳转,有数据不就行了,我解释了半天,人家始终没听懂,算了,我第二天问了下 ...

  5. 【 D3.js 入门系列 --- 3 】 做一个简单的图表！

    前面说了几节,都是对文字进行处理,这一节中将用 D3.js 做一个简单的柱形图. 做柱形图有很多种方法,比如用 HTML 的 div 标签,或用 svg . 推荐用 SVG 来做各种图形.SVG 意为 ...

  6. 一起用HTML5 canvas做一个简单又骚气的粒子引擎

    前言 好吧,说是"粒子引擎"还是大言不惭而标题党了,离真正的粒子引擎还有点远.废话少说,先看demo 本文将教会你做一个简单的canvas粒子制造器(下称引擎). 世界观 这个简单 ...

  7. Jmeter初步使用二--使用jmeter做一个简单的性能测试

    经过上一次的初步使用,我们懂得了Jmeter的安装与初步使用的方法.现在,我们使用Jmeter做一个简单的性能测试.该次测试,提交的参数不做参数化处理,Jmeter各元件使用将在介绍在下一博文开始介绍 ...

  8. 用EF DataBase First做一个简单的MVC3报名页面

    使用EF DataBase First做一个简单的MVC3报名网站 ORM(Object Relational Mapping)是面向对象语言中的一种数据访问技术,在ASP.NET中,可以通过ADO. ...

  9. 【 D3.js 入门系列 — 3 】 做一个简单的图表！

    图1. 柱形图 1. 柱形图 前几章的例子,都是对文字进行处理.本章中将用 D3 做一个简单的柱形图.制作柱形图有很多种方法,比如用 HTML 的 <div> 标签,或在 SVG 上绘制 ...

随机推荐

  1. ubuntu安装py27 spyder

    sudo apt-get install python-qt4 python-sphinx sudo pip install spyder sudo pip install -U spyder 一般网 ...

  2. Java开发中经典的小实例-(打印输入重复的值)

    import java.util.ArrayList;import java.util.Scanner;public class Test8 {    public static void main( ...

  3. Less2css error 终极解决方案（转载）

    用到less时遇到的问题 ,然后复制过来的 使用sublime Text3 的时候,安装less2Css后,和很多人一样以为大功告成,开始要运行编译less文件,结果开始发现 于是乎开始搜索问题和解决 ...

  4. 进fastreboot

    1.红米1s 关机后,开机键+音量键下 同时按 2.红米note 关机后,开机键+音量键上 同时按 3. 4. 5.

  5. java内存划分

    运行时数据区域 Java虚拟机在执行Java的过程中会把管理的内存划分为若干个不同的数据区域.这些区域有各自的用途,以及创建和销毁的时间,有的区域随着虚拟机进程的启动而存在,而有的区域则依赖线程的启动 ...

  6. python多线程

    python多线程有两种用法,一种是在函数中使用,一种是放在类中使用 1.在函数中使用 定义空的线程列表 threads=[] 创建线程 t=threading.Thread(target=函数名,a ...

  7. PHP 文件的操作

    操作文件的步骤: 1.打开文件2.做操作PS!!!3.关闭文件 打开 操作

  8. Michael Schatz - 序列比对课程

    Michael Schatz - Cold Spring Harbor Laboratory 最近在研究 BWA mem 序列比对算法,直接去看论文,看不懂,论文就3页,太精简了,好多背景知识都不了解 ...

  9. 撤销git reset soft head操作

    一不小心在eclipse的git库中执行了Reset Soft(HEAD ONLY)操作,不料界面中竟然没有找到撤销方法(于是心中五味俱全,经过一番折腾,无果还是回归Git本身),最终通过命令行,很快 ...

  10. es5 and es6

    es5学习地址:http://www.zhangxinxu.com/wordpress/2013/04/es5%E6%96%B0%E5%A2%9E%E6%95%B0%E7%BB%84%E6%96%B9 ...