用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 上绘制 ...
随机推荐
- ubuntu安装
今天在win10下安装Ubuntu,结果没经验导致win10找不回来了,我再好好整理些思路 安装前要做一个ghost,万一出现问题可以用来恢复系统! 1,我使用USB Installer 在http: ...
- memcached源码安装（linux和windows）
如果是在windows环境下编译安装,我这边是基于cygwin或msys2方式 安装cygwin环境,http://www.cnblogs.com/skey_chen/p/5765179.html 安 ...
- php 资源
ThinkPHP http://www.thinkphp.cn/ 小案例 http://www.helloweba.com/php.html Github上的PHP资源汇总大全 http://www. ...
- react+redux开发谷歌插件
React Developer Tools Redux Dev Tools
- RequireJS 快速入门
说明:本文只提供快速入门内容,方便快速进入实战状态.更高级的配置,请参考官网文档. 当初之所以使用 RequireJS 等工具,是因为想提高js的加载速度,避免不必要的堵塞.但通过一段时间的使用, ...
- ubuntu服务管理
uRedhat 提供了chkconfig这个命令来管理系统在不同运行级别下的服务开启/关闭: chkconfig ServiceName on/off 并可以用chkconfig --list(两个杠 ...
- ES6 对象增强和结构赋值
The enhanced Object literals: ES6 has added some new syntax-based extensions to {} object literal fo ...
- dubbo & zookeeper & springMVC
一.安装准备 1.环境简介 名称 版本 OS Mac OS X 10.11.5 JDK 1.8.0_51 dubbo 2.5.4 tomcat 8.0.35 Zookeeper 3.4.8 maven ...
- 转：java怎么用一行代码初始化ArrayList
java怎么用一行代码初始化ArrayList 您可以创建一个工厂方法: public static ArrayList<String> createArrayList(String .. ...
- 完美解释if-modified-since/not-modified 文件头的意义
http://www.cnblogs.com/zh2000g/archive/2010/03/22/1692002.html 很好很强大