用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="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做的简单的个人简历的更多相关文章
- HTML 使用表格制作简单的个人简历
复习一下HTML,用表格做一个简单的个人简历 <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...
- 【Bugly干货分享】一起用 HTML5 Canvas 做一个简单又骚气的粒子引擎
Bugly 技术干货系列内容主要涉及移动开发方向,是由Bugly邀请腾讯内部各位技术大咖,通过日常工作经验的总结以及感悟撰写而成,内容均属原创,转载请标明出处. 前言 好吧,说是“粒子引擎”还是大言不 ...
- 使用React并做一个简单的to-do-list
1. 前言 说到React,我从一年之前就开始试着了解并且看了相关的入门教程,而且还买过一本<React:引领未来的用户界面开发框架 >拜读.React的轻量组件化的思想及其virtual ...
- 如何做个简单安卓App流程
有同学做毕业设计,问怎样做个简单安卓App流程,我是做服务端的,也算是经常接触app,想着做app应该很简单吧,不就做个页面,会跳转,有数据不就行了,我解释了半天,人家始终没听懂,算了,我第二天问了下 ...
- 【 D3.js 入门系列 --- 3 】 做一个简单的图表！
前面说了几节,都是对文字进行处理,这一节中将用 D3.js 做一个简单的柱形图. 做柱形图有很多种方法,比如用 HTML 的 div 标签,或用 svg . 推荐用 SVG 来做各种图形.SVG 意为 ...
- 一起用HTML5 canvas做一个简单又骚气的粒子引擎
前言 好吧,说是"粒子引擎"还是大言不惭而标题党了,离真正的粒子引擎还有点远.废话少说,先看demo 本文将教会你做一个简单的canvas粒子制造器(下称引擎). 世界观 这个简单 ...
- Jmeter初步使用二--使用jmeter做一个简单的性能测试
经过上一次的初步使用,我们懂得了Jmeter的安装与初步使用的方法.现在,我们使用Jmeter做一个简单的性能测试.该次测试,提交的参数不做参数化处理,Jmeter各元件使用将在介绍在下一博文开始介绍 ...
- 用EF DataBase First做一个简单的MVC3报名页面
使用EF DataBase First做一个简单的MVC3报名网站 ORM(Object Relational Mapping)是面向对象语言中的一种数据访问技术,在ASP.NET中,可以通过ADO. ...
- 【 D3.js 入门系列 — 3 】 做一个简单的图表！
图1. 柱形图 1. 柱形图 前几章的例子,都是对文字进行处理.本章中将用 D3 做一个简单的柱形图.制作柱形图有很多种方法,比如用 HTML 的 <div> 标签,或在 SVG 上绘制 ...
随机推荐
- ie不兼容的几个js问题及解决办法
1.table问题 在动态新增tr或者td时,createElement()一般用appendChild();都不生效,解决办法是用新增tbody,如 var table=document.creat ...
- Spark学习（二） -- Spark整体框架
标签(空格分隔): Spark 还记得上次的wordCount程序嘛?通过这个小程序,我们来一窥Spark的框架是什么样子的. sc.textFile("/usr/local/Cellar/ ...
- kali Linux添加add-apt-repository
Debian让用户可以通过一个名为add-apt-repository的应用程序,添加和使用PPA软件库,不过Kali Linux在其默认的程序包列表中并不含有该应用程序.就Kali而言,由于这是个特 ...
- mysql 存储过程和事件调度
存储过程(procedure): 建立一个存储过程需要知道的基础知识 1.确定输入/输出的参数和类型: IN tname varchar(20) 其中 IN 表示输入参数,tname 是参数名 va ...
- 增量处理属性之记录模式（Record Modes）
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- [Android] Google IAP unmaneged items服务器校验
android IAP unmaneged items 服务器校验 当成功IAP以后, 会在google服务器记录此次购买的状态. 可以通过Google Play Android Developer ...
- an interview question(4)
版权声明:本文为博主原创文章,未经博主允许不得转载. 写这篇博客前请让博主先吐糟下自己的PC. i3+2G内存+开了一上午=C盘剩下0字节+打开VS2012花了半个小时+一晚上的心情不好 吐槽完PC, ...
- MyBatis 入门（一）
MyBatis mybatis和hibernate都属于orm(对象与关系映射) 框架 mybatis的优点: 1.sql-mapping :操作更自由,可控性高,执行效率更高 2.轻量,学习更容易 ...
- PHP的基本排序算法
1 冒泡排序 <?php /** * 冒泡排序(从小到大) * 基本思想:两两比较相邻记录,一次循环确定一个数 * 在所有的排序算法中是最慢的,尤其当数据量较大的时候,数据小体现不出来 */ $ ...
- Hibernate SQL方言 (hibernate.dialect) Spring配置文件applicationContext.xml
转自:http://www.cnblogs.com/wj-wangjun/archive/2009/10/21/1587624.html Hibernate SQL方言 (hibernate.dial ...