用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 上绘制 ...
随机推荐
- 初涉java库--ArrayList
我的车就差一个轮子啦,造好轮子,我就飞上天与太阳肩并肩啦,想想都激动.什么你要自己造轮子,是不是傻,商店里不都是别人造好的吗,又好又方便,只需一点money,你没有money,那你只能做个安静的美男子 ...
- PB-日志-系统函数2.13.7Match()、MatchW()
---恢复内容开始--- Match() 功 能:确定字符串中是否包含指定模式的字符. 语 法:Match ( string, textpattern ) 参 数:string:string类型,指定 ...
- 关于mysql登录异常处理方法 - mysql ERROR 1045 (28000)
今天在开发过程中遇到了一个很令人头痛的问题?? 使用 百度经验的步骤 [http://jingyan.baidu.com/article/495ba841ef412d38b30edeb2.html]修 ...
- Arduino入门笔记【1】
刚刚接触这个东西只知道这是类似于单片机的开发板,可以做一些单片机实现或者不能实现的东西,但是比单片机要简单得多. Arduino到底是什么? 维基百科上的描述是:Arduino是一块开发板的微控制器和 ...
- linux 最小安装 需要的后续操作
在centos7 最小安装后首先需要联网 设置dns vim /etc/resolv.conf dnsxiru 写入:nameserver 8.8.8.8nameserver 8.8.4.4 网络网关 ...
- Codeforces Round #385 (Div. 2) A,B,C 暴力，模拟，并查集
A. Hongcow Learns the Cyclic Shift time limit per test 2 seconds memory limit per test 256 megabytes ...
- 不完全解决Android微信HTML5 播放视频的问题(不显示控制条，可交互)
首先你需要知道以下内容: http://ad.weixin.qq.com/learn/2-3-3--%E9%80%9A%E7%94%A8%E5%BA%93 这是微信为广告商开放的API,我一直认为只有 ...
- JAVA 重复提交
FormServlet package servlet; import java.io.IOException; import javax.servlet.ServletException; impo ...
- /etc/ethers【地址映射】
该文件存放硬件地址和 IP 地址的映射关系. 格式如下: 00-00-00-00-00-00 0:0:0:0 每一行代表一个 IP 地址.
- OAM
OAM -- Operation Administration and Maintenance[ˈmentənəns]. 根据运营商网络运营的实际需要,通常将网络的管理工作划分为3大类:操作(Oper ...