用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 上绘制 ...
随机推荐
- linux开发缩写
1.CONFIG_OF 在一些驱动中经常看到#ifdef CONFIG_OF,这里的OF是Open Firmware. Open Firmware. This was invented long ti ...
- Angular Mobile UI API文档
这个是angular-mobile-ui的主要模块 应用这个模块你也将同时获取到mobile-angular-ui.core和mobile-angular-ui.components的特性 他不在需要 ...
- c# winform DataGridView单击选中一整行，只能单选，不能选择多行，只能选择一行
设置DataGridView的属性SelectionMode为FullRowSelect 这样就使DataGridView不是选择一个字段,而是选择一整行了 设置DataGridView的属性Mult ...
- python之路3：
class set(object): """ set() -> new empty set object set(iterable) -> new set o ...
- provider 设计模式
相关介绍文章: Provider Model Design Pattern and Specification, Part 1 (old but detailed). The ASP.NET 2.0 ...
- SQL知识整理三：变量、全局变量、视图、事务、异常
变量 1.局部变量的声明(一个@) declare @n int --声明变量关键字为declare 然后@加变量名 后面是变量类型 declare @s varchar(36) 2 ...
- Spring MVC静态资源处理
优雅REST风格的资源URL不希望带 .html 或 .do 等后缀.由于早期的Spring MVC不能很好地处理静态资源,所以在web.xml中配置DispatcherServlet的请求映射,往往 ...
- C++ 应用处理异常崩溃（转载）
有时,在我们的程序运行的时候,会遇到一些崩溃问题,尤其是概率出现的时候,如果能捕获其异常,那么对于我们快速定位bug是很有帮助的 这里借用网上搜寻回来的函数,记录一下: 头文件及库: #include ...
- PHP Mysqli 数据库连接
---恢复内容开始--- $connection=new mysqli($db_host,$db_user,$db_password,$db_name);if(!mysqli_connect_errn ...
- JavaScript中Ajax
Ajax技术,就是指:向服务器请求额外的数据而无须重新加载整个页面.其核心就是 XMLHttpRequest对象.(简称:XHR) 在这里,我们先讨论IE7及更高版本,以及FF,Opera,Chrom ...