用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 上绘制 ...
随机推荐
- Excel通过身份证获取出生年月，性别，年龄，生肖，星座，省份等信息总结归纳
Excel通过身份证获取出生年月,性别,年龄,生肖,星座,省份等信息总结归纳 早期的身份证号码为15位数字,现在使用的身份证号码为18位数字,它们的含义如下:(1)15位:1-6位为地区代码,7-8位 ...
- Element is not currently interactable and may not be manipulated
Element is not currently interactable and may not be manipulated:元素当前不可交互,并且可能无法操作. 解决方法: 调用该方法,智能等待 ...
- 简单利用Scanner对文件进行解析
public class AvPrice{ static int count = 0; static int sum = 0; public static void main(Str ...
- HDFS shell
bin/hdfs -help bin/hdfs dfs -mkdir -p /yfq/test/ bin/hdfs dfs -put /etc/profile /yfq/test/profile 上传 ...
- 微信小程序-数据缓存
每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearSt ...
- Java Web之会话管理二：Session
一.Session 在web开发中,服务器可以为每个yoghurt浏览器创建一个会话对象(Session)对象.注意:一个浏览器独占一个Session对象.因此,在需要保存用户数据时,服务器程序可以把 ...
- jquery总结06-动画事件01-基础显示和隐藏
动画事件 .hide(option) 动画隐藏 会保存元素的原始属性值 $("#a2").hide({ duration: 3000, complete: function() ...
- Django + mysql 快速搭建简单web投票系统
了解学习pyhton web的简单demo 1. 安装Django, 安装pyhton 自行百度 2. 执行命令创建project django-admin.py startproject mysi ...
- centos 开机启动服务
一.启动脚本 /etc/rc.local 启动 最简单的一种方式,在启动脚本 /etc/rc.local (其实 /etc/rc.local 是/etc/rc.d/rc.local 的软链接文件,实际 ...
- j.APR连接器整体框图(含SSL实现分析)
APR连接器的思路和bio,nio的整体架构也是类似的,可以看到下面的整体框图: 第一个区别是,对于从Acceptor线程中的socket解析这块,无论是nio还是bio都是在Acceptor线程内直 ...