以下是我用html的相关知识制作的个人简历网页,话不多说先看看最终效果:
如上所示项目一共分为5个部分,分别对应导航栏的5个内容。其中项目技能用的是echarts里的柱状图,作品展示用的是bootstrap里的轮播图,除此之外就是html的基础内容。下面我们展示一下项目的代码部分:
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>我的个人简历</title>
<link rel="stylesheet" href="lib/css/color.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body >
<div class="jumbotron text-center" style="margin-bottom:0" id="grad1">
<img src="lib/pic/1.jpg" width="80px" height="80px" />
<h3>黄智奇</h3>
<p style="font-size: 15px">2018年升入陕西国防工业职业技术学院,<br/>学习软件编程,对编程有浓厚的兴趣,
在老师的指导,<br/>和自己的课下练习,渐渐对编程有了更深入的了解。<br/>在课余时间,
我喜欢唱歌、跑步和打乒乓球。<br/>喜好结交志同道合的朋友,一起分享学习的生活的经验。<br/>
有良好的团队意识,学习时认真负责。 </p>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a class="navbar-brand" href="#">专业技能</a>-->
</div>
<div id="relation">
<table class="table table-striped">
<tbody>
<tr align="center">
<td><a href="#email"><button type="button" class="btn btn-primary btn-lg">
<span class="glyphicon glyphicon-envelope"></span>
</button></a></td>
<td><a href="#email"><button type="button" class="btn btn-primary btn-lg">
<span class=" glyphicon glyphicon-earphone"></span>
</button></a></td>
<td><a href="https://me.csdn.net/qq_44892582" target="_blank"><button type="button" class="btn btn-primary btn-lg">
<span class=" glyphicon glyphicon-user"></span>
</button></a></td>
</tr>
</tbody>
</table>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav nav-pills nav-justified">
<li><a href="#main">专业技能</a></li>
<li><a href="#project">项目经验</a></li>
<li><a href="#myCarousel">作品展示</a></li>
<li><a href="#education">教育经历</a></li>
<li><a href="#relation">联系方式</a></li>
</ul>
</div>
</div>
</nav>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main" style="width:
50%height:400pxleft: 25%"></div>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'))
// 指定图表的配置项和数据
var option = {
title: {
text: '专业技能平均分'
},
tooltip: {},
legend: {
data:['分数'],
},
xAxis: {
data: ["Java语言","mysql数据库","Javascript语言","web开发","ssm框架","springboot框架"],axisLabel: {
// inside: true, 隐藏x轴内容
// 改变x轴字体颜色
// textStyle: {
// color: '#8B4500'
// }
},
},
yAxis: {},
series: [{
name: '分数',
type: 'bar',
//改变图表颜色
color:['#8EE5EE'],
data: [85, 95, 82, 90, 80, 80]
}],
}
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option)
</script>
<ul class="list-unstyled" align="center">
<li>Java基础:<br/>
我入门时首先学的就是Java基础,然后再到Java高级开发,<br/>
在学习过程中老师细致的教学为我们打下了牢固的java基础。 </li>
<li>mysql数据库:<br/>
mysql数据库是我们大一第二学期开的课,配合Java高级开发一起学习的科目,<br/>
因为自己本身就喜欢数据库的一些东西,所有mysql数据库也有良好的基础。</li>
<li>Javascript语言:<br/>
在学JavaScript之前我有良好的html5和css基础,所学习JavaScript时也是十分顺利的掌握了课本里的内容。</li>
<li>web开发:<br/>
web开发是我最喜爱的科目之一,servlet的学习给我启发深刻。</li>
<li>ssm框架:<br/>
ssm框架相比springboot而言是比较繁琐的,但是在学习和理解起来却比springboot更容易让人掌握。</li>
<li>springboot框架:<br/>
springboot框架入门起来十分迅速,在基础的使用起来也是十分方便,但查看源码时,没有ssm容易让人理解。</li>
</ul>
<div class="container" align="center">
<div class="row">
<div class="col-sm-4">
<h3 class="text-info" id="project">项目名称</h3>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#car">新能源汽车项目</a></li>
<li><a href="#city">咕泡商城项目</a></li>
<li><a href="#bug">爬虫项目</a></li>
</ul>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="col-sm-8" align="left">
<h3 class="text-info">项目内容</h3>
<h2 id="car">新能源汽车</h2>
<h5>企业saas工坊</h5>
<p>新能源汽车项目是我们掌握smm框架知识后第一个实战项目,该项目由工坊老师指导下,前后端都由我们个人独立完成的项目。
该项目用到了,html5+css3,mysql数据库,spring,mybatis,springmvc框架,ajax,JavaScript,web,bootstrap,echarts,sweetalert
等技术。项目从开始到完成我们用了2个月的时间。该项目的主要是写一个汽车app社交平台,包括用户登录注册,用户上传车辆信息,统计用户车辆,分析故障车辆原因,
以及导航、朋友圈等功能一体的汽车平台。该项目用户的使用方法如下: <p>1.新用户进行登录注册。</p>
<p>2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。</p>
<p>3.新用户上传自己车辆信息,并绑定账号。</p>
<p>4.新用户可以上传自己车辆故障,系统自动查询车辆故障原因以及维修方案。</p>
<p>5.用户可以添加车友,在车友圈发布求助信息等。</p>
<p>6.用户还可以进行地图导航,以及查询公交车,出租车,飞机等交通工具的时间和行程。</p>
<p>通过完成这个项目,让我获得了很大的进步。不论是前端知识还是后端知识,在该项目上
都得到了充分的展示。让我也一下子吸收了很多的知识与技能,为后面的项目打下了坚实的基础。</p>
</p>
<br>
<h2 id="city">咕泡商城</h2>
<h5>企业saas工坊</h5>
<p>咕泡商城项目是我们学完springboot之后的实战项目,该项目由工坊老师指导下,前后端都由我们个人独立完成的项目。
该项目用到了,html5+css3,mysql数据库,springboot框架,maven,web,javascript,jquery,ajax,echarts,bootstrap等技术。
项目从开始到完成我们用了10天的时间。该项目主要是写一个网上商城电商购物平台,包括用户登录注册,用户绑定信息,上传头像、昵称等个人信息,
用户主要可以在该平台上面购买各种商品,每种商品都做好了分类管理,用户点击分类名称或者准确搜索都能显示出自己想要的商品。用户点击商品就可以
链接到商品详情页面,不论是购物还是浏览商品都非常的方便。该项目用户的使用方法: <p>1.新用户进行登录注册。</p>
<p>2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。</p>
<p>3.用户自由购买和浏览商品信息。</p>
该项目让我们体验了springboot的配置强大之处,没有繁琐的多余配置文件,所有配置都由一个配置文件解决,简化了我们smm框架配置的痛苦。 </p>
<br>
<h2 id="bug">爬虫</h2>
<h5>企业saas工坊</h5>
<p>爬虫项目是我们最近才做完的项目。该项目与以往项目不同,该项目是由工坊老师指导下,我们首次前后端分离合作的项目。一个团体3个人,分别做前端展示数据,后端爬取数据和数据清洗。
我在这个项目中做的是后端爬取数据。我用到了,httpclient,jsoup,webmagic,springboot,maven,mysql等技术。该项目主要是爬去51job网站上面的工作岗位,
我们主要爬取了与我们软件相关的工作岗位,共爬取了2万条数据处理并展示。该项目执行步骤如下: <p>1.后端爬取数据并存到数据库。</p>
<p>2.中间清洗数据,将数据改变为前端人员需要的格式。</p>
<p>3.前端人员根据需求展示数据。</p>
该项目让我们体会到了团队合作和团队分工明确的重要性,每个人做好属于自己的一份任务,环环相扣才能保质保量的完成项目。 </p>
</div></div>
</div>
<div id="myCarousel" class="carousel slide" style="border: solidborder-color: cornflowerblue">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner" align="center" >
<div class="item active">
<img src="C:\Users\1\Desktop\gpsc.png" style="width: 80%height: 800pxborder: solid 5pxborder-color: lightslategray" alt="First slide">
</div>
<div class="item">
<img src="C:\Users\1\Desktop\pc1.png" style="width: 80%height: 800pxborder: solid 5pxborder-color: lightslategray" alt="Second slide">
</div>
<div class="item">
<img src="C:\Users\1\Desktop\xny.png" style="width: 80%height: 800pxborder: solid 5pxborder-color: lightslategray" alt="Second slide">
</div>
<div class="item">
<img src="C:\Users\1\Desktop\pc2.png" style="width: 80%height: 800pxborder: solid 5pxborder-color: darkgray" alt="Third slide">
</div>
</div>
<!-- 轮播(Carousel)导航 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a></div>
<div style="width: 100%height: 220px" >
<table class="table">
<caption style="text-align: center"><h3 id="education" style="color: black">教育经历</h3></caption>
<tbody style="text-align: center">
<tr>
<td>2006.9.-2012.7</td>
<td>就读于xx小学</td>
</tr>
<tr>
<td>2012.9-2015.7 </td>
<td>就读于xx初中</td>
</tr>
<tr>
<td>2015.9-2018.7 </td>
<td>就读于xx高级中学</td>
</tr>
<tr>
<td>2018.9-至今 </td>
<td>就读于陕西国防工业职业技术学院</td>
</tr>
</tbody></table></div>
<div class="jumbotron text-center" style="margin-bottom:0" >
<p id="email" align="left">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp邮箱:3136484707@qq.com &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp电话号码:11111111111
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp个人博客:https://me.csdn.net/qq_44892582</p>
</div>
</body></html>
建一个表格,7列8行,然后把部份单元格合并一下就OK。
<html><head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html charset=gb2312">
<title>新建网页</title>
</head>
<body>
<div align="center">
<table border="1" cellspacing="1" width="550" style="table-layout:fixedwidth:550pxmin-height:60px">
<tr>
<td align="center">姓名</td>
<td align="center"> </td>
<td align="center">性别</td>
<td align="center"> </td>
<td align="center">出生<br>年月</td>
<td align="center"> </td>
<td rowspan="4" align="center">(照片)</td>
</tr>
<tr>
<td align="center">籍贯</td>
<td align="center"> </td>
<td align="center">民族</td>
<td align="center"> </td>
<td align="center">政治<br>面貌</td>
<td align="center"> </td>
</tr>
<tr>
<td align="center">毕业<br>学校</td>
<td colspan="2" align="center"> </td>
<td align="center">所学<br>专业</td>
<td colspan="2" align="center"> </td>
</tr>
<tr>
<td align="center">爱好</td>
<td colspan="5" align="center"> </td>
</tr>
<tr>
<td align="center">个人<br>评价</td>
<td colspan="6" align="center"> </td>
</tr>
<tr>
<td align="center">实践<br>经历</td>
<td colspan="6" align="center"> </td>
</tr>
<tr>
<td align="center">求职<br>意向</td>
<td colspan="6" align="center"> </td>
</tr>
<tr>
<td align="center">联系<br>方式</td>
<td colspan="6" align="center"> </td>
</tr>
</table>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Description" content="Design by :Donkey" />
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>人才招聘</title>
<link href="/zh-cn/images/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="/zh-cn/images/js.js" type="text/javascript"></script>
<style type="text/css">
<!--
body{
font-size:12px
background:#FFFFFF url(http://www.gzsp.com/zh-cn/images/bks.gif)
}
input{ background:#FFFFFF}
textarea{ background:#FFFFFF}
select{ background:#FFFFFF}
.STYLE1 {color: #FF0000}
/*================================提交按钮==========================*/
.buttonArea{ text-align:rightpadding:0 10px 0 10px}
.btn_mouseout
{
width:80pxheight:40px
border: #ffffff 1px solid
padding:1px
font-size: 12px
cursor: pointer
color: #666
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#BECCDA)
}
.btn_mouseover
{
width:80pxheight:40px
border: #ffffff 1px solid
padding: 1px
font-size: 12px
cursor: pointer
color: #f60
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA)
}
.btn_mousedown
{
width:80pxheight:40px
border: #dfe6ef 1px solid
padding: 1px
font-size: 12px
cursor: pointer
color: #f60
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5)
}
.btn_mouseup
{
width:80pxheight:40px
border:#ffffff 1px solid
padding: 1px
font-size: 12px
cursor: pointer
color:#f60
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5)
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
/****************
js制作阿蒙
*****************/
var itemArray = new Array("xm","sfzhm","xm2","hj","tel","xzz","byyx","by_year","xm222","textarea","jyzk")//把需要输入的输入框id放到这个数组里
var labelArray = new Array("用户名","身份z号码","出生日期","户籍","联系电话","住址","毕业院校","毕业时间","所学专业","计算机水平","受教育情况")//把对应的输入框名字放在这里
function funsubmit(){
var len = itemArray.length
for(i=0i<leni++){
if(eval("document.all."+itemArray[i]+".value") == ""){
alert(labelArray[i]+" 不能为空!")
eval("document.all."+itemArray[i]+".focus()")
eval("document.all."+itemArray[i]+".style.backgroundColor='#FFECEC'")
return false
}
}
}
function blank(obj){
if(obj.value.length != 0){
obj.style.backgroundColor=""
}
}
//-->
</script>
</head>
<body>
<div class="content3">
<form name="frmdemo" method="post" action="http://cmp.gzsp.com:8090/zp/spzp.php" id="sqd1" onSubmit="return funsubmit()">
<div align="center"><strong>请填写你的简历</strong>(注意星号项目必须填写)
</div>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC">
<tr>
<td><div align="center" style="padding-top:5px"><strong>个人简历</strong></div></td>
</tr>
</table>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td width="75" align="middle" bgcolor="#ebebeb">姓 名</td>
<td width="214"><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="xm" />
<font color="#ff0000">*</font></td>
<td width="92" align="middle" bgcolor="#ebebeb">性 别</td>
<td width="291">
<select class="alcatel" name="xb">
<option selected="selected">男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td align="middle">身份z号</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" name="sfzhm" />
<font color="#ff0000">*</font></td>
<td align="middle">出生日期</td>
<td><input onPropertyChange="blank(this)" class="alcatel" size="18" value="" name="xm2" />
<span class="STYLE1">*</span></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">政治面貌</td>
<td><select class="alcatel" name="zzmm">
<option
selected="selected">群众</option>
<option>团员</option>
<option>党员</option>
<option>民主人士</option>
</select> </td>
<td align="middle" bgcolor="#ebebeb">户 籍</td>
<td><input onPropertyChange="blank(this)" name="hj" class="alcatel" value="" size="18" />
<font
color="#ff0000">*</font></td>
</tr>
<tr>
<td align="middle">婚姻状况</td>
<td><select class="alcatel" name="hyzk">
<option selected="selected">未婚</option>
<option>已婚</option>
</select></td>
<td align="middle">视力状况</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="4" size="4" name="slzk" /></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">身高/厘米</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" value="" name="sg" /></td>
<td align="middle" bgcolor="#ebebeb">体重/公斤</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" name="tz" /></td>
</tr>
<tr>
<td align="middle">民 族</td>
<td><select class="alcatel" name="mz">
<option
selected="selected">汉族</option>
<option>蒙古族</option>
<option>回族</option>
<option>藏族</option>
<option>维吾尔族</option>
<option>苗族</option>
<option>彝族</option>
<option>壮族</option>
<option>布依族</option>
<option>朝鲜族</option>
<option>满族</option>
<option>侗族</option>
<option>瑶族</option>
<option>白族</option>
<option>土家族</option>
<option>哈尼族</option>
<option>哈萨克族</option>
<option>傣族</option>
<option>黎族</option>
<option>僳僳族</option>
<option>佤族</option>
<option>畲族</option>
<option>高山族</option>
<option>拉祜</option>
<option>水族</option>
<option>东乡族</option>
<option>纳西族</option>
<option>景颇族</option>
<option>柯尔克孜</option>
<option>土族</option>
<option>达斡尔族</option>
<option>仫佬族</option>
<option>羌族</option>
<option>布朗族</option>
<option>撒拉族</option>
<option>毛难族</option>
<option>仡佬族</option>
<option>锡伯族</option>
<option>阿昌族</option>
<option>普米族</option>
<option>塔吉克族</option>
<option>怒族</option>
<option>乌孜别克</option>
<option>俄罗斯族</option>
<option>鄂温克族</option>
<option>崩龙族</option>
<option>保安族</option>
<option>裕固族</option>
<option>京族</option>
<option>塔塔尔族</option>
<option>独龙族</option>
<option>鄂伦春族</option>
<option>赫哲族</option>
<option>门巴族</option>
<option>珞巴族</option>
<option>基诺族</option>
<option>青族</option>
<option>其他</option>
</select> </td>
<td align="middle">电 话</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="tel" />
<font color="#ff0000">*</font></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">现 住 址</td>
<td colspan="3"><input onPropertyChange="blank(this)" class="alcatel" maxlength="70" size="70"
name="xzz" />
<font color="#ff0000">*</font></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td align="middle" width="75">毕业院校</td>
<td width="315"><input onPropertyChange="blank(this)" class="alcatel" maxlength="30" value="" name="byyx" />
<font color="#ff0000">*</font></td>
<td class="f12" align="middle" width="65" bordercolorlight="#D1D1D1" bordercolordark="#ffffff">毕业日期</td>
<td width="225" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" class="f12"><input onPropertyChange="blank(this)" class="alcatel" maxlength="15"
size="15" name="by_year" />
<font color="#ff0000">*</font></td>
</tr>
<tr>
<td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff">所学专业</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><input onPropertyChange="blank(this)" class="alcatel" maxlength="10" size="10" value="" name="xm222" />
<font color="#ff0000">*</font></td>
<td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff">最高学历</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><select class="alcatel" name="zgxl">
<option>初中</option>
<option>高中</option>
<option>中专</option>
<option>大专</option>
<option selected="selected">本科</option>
<option>硕士</option>
<option>博士</option>
</select></td>
</tr>
<tr>
<td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff">英语水平</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><select class="alcatel"
name="yysp">
<option>一般</option>
<option
selected="selected">四级</option>
<option>六级</option>
<option>专业四级</option>
<option>专业八级</option>
<option>托福</option>
<option>GRE</option>
<option>雅思</option>
</select> </td>
<td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"> </td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"> </td>
</tr>
<tr>
<td align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12">计<br />
算<br />
机<br />
水<br />
平<br />
特<br />
长</td>
<td colspan="3" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12"><font color="#ff0000">
<textarea onPropertyChange="blank(this)" name="textarea" rows="8" cols="80"></textarea>
<font color="#ff0000">*</font> </font></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td align="middle" width="70"
rowspan="2">受<br />
教<br />
育<br />
及<br />
培<br />
训<br />
状<br />
况</td>
<td colspan="5"><span
lang="en-us" xml:lang="en-us">学 校 名 称 专 业 年 月至 年 月 取得文凭/资格证书</span></td>
</tr>
<tr>
<td colspan="5"><textarea onPropertyChange="blank(this)" name="jyzk" rows="8" cols="80"></textarea>
<font color="#ff0000"><font color="#ff0000">*</font></font></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70"
rowspan="2" align="middle" bgcolor="#FFFFF7">工<br />
作<br />
经<br />
历<br />
摘<br />
要</td>
<td colspan="5" bgcolor="#FFFFF7">年 月至 年 月在何单位、部门何职位、职责离职原因</td>
</tr>
<tr>
<td colspan="5" bgcolor="#FFFFF7"><textarea name="gzjl" rows="12" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="85" align="middle">自<br />
我<br />
评<br />
价<br /></td>
<td colspan="5"><textarea name="textarea2" rows="6" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="72" align="middle" bgcolor="#FFFFF7">请描述<br />
你理想<br />
的工作</td>
<td colspan="5" bgcolor="#FFFFF7"><textarea name="textarea3" rows="5" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="72" align="middle">请描述<br />
你理想<br />
的公司</td>
<td colspan="5"><textarea name="textarea4" rows="5" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td align="middle" width="90" bgcolor="#ebebeb" height="24">欲从事职位一</td>
<td width="220"><input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj2" /></td>
<td align="middle" width="100" bgcolor="#ebebeb">欲从事职位二</td>
<td width="220"><input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj3" /></td>
</tr>
<tr>
<td align="middle">要求待遇(月薪)</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="5" size="5" value="" name="yqdy" />
元</td>
<td align="middle"> </td>
<td> </td>
</tr>
</tbody>
</table>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC">
<tr>
<td>
<div align="center" style="padding:10px">
<input onPropertyChange="blank(this)" class="btn_mouseout"
onmouseover="this.className='btn_mouseover'"
onmouseout="this.className='btn_mouseout'"
onmousedown="this.className='btn_mousedown'"
onmouseup="this.className='btn_mouseup'"
onfocus="if(this.blur)this.blur()" type="submit" value="提交" name="Submit">
</div>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)