谁给个用HTML编写的简历的源码！！！

2023-04-04 16:09:02html-css021

谁给个用HTML编写的简历的源码！！！,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--

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>

<!--

/****************

js制作阿蒙

*****************/

var itemArray = new Array("xm","sfzhm","xm2","hj","tel","xzz","byyx","by_year","xm222","textarea","jyzk")//把需要输入的输入框id放到这个数组里

var labelArray = new Array("用户名","身份证号码","出生日期","户籍","联系电话","住址","毕业院校","毕业时间","所学专业","计算机水平","受教育情况")//把对应的输入框名字放在这里

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 align="center"><strong>请填写你的简历</strong>（注意星号项目必须填写）

</div>

<tr>

</tr>

</table>

<tbody>

<tr>

</select>

</td>

</tr>

<tr>

</tr>

<tr>

<option

selected="selected">群众</option>

</select> </td>

<font

color="#ff0000">*</font></td>

</tr>

<tr>

</select></td>

</tr>

<tr>

</tr>

<tr>

<option

selected="selected">汉族</option>

</select> </td>

</tr>

<tr>

<td colspan="3"><input onPropertyChange="blank(this)" class="alcatel" maxlength="70" size="70"

name="xzz" />

</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 width="225" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" class="f12"><input onPropertyChange="blank(this)" class="alcatel" maxlength="15"

size="15" name="by_year" />

</tr>

<tr>

<td class="f12" align="middle" bgcolor="#ebebeb"

bordercolorlight="#D1D1D1" bordercolordark="#ffffff">所学专业</td>

<td class="f12" align="middle" bgcolor="#ebebeb"

bordercolorlight="#D1D1D1" bordercolordark="#ffffff">最高学历</td>

</select></td>

</tr>

<tr>

<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><select class="alcatel"

name="yysp">

<option

selected="selected">四级</option>

</select> </td>

</tr>

<tr>

算<br />

机<br />

水<br />

平<br />

特<br />

长</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>

</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>

</tr>

</tbody>

</table>

<table width="690"

border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">

<tbody>

<tr>

我<br />

评<br />

价<br /></td>

</tr>

</tbody>

</table>

<table width="690"

border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">

<tbody>

<tr>

你理想<br />

的工作</td>

</tr>

</tbody>

</table>

<table width="690"

border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">

<tbody>

<tr>

你理想<br />

的公司</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 align="middle" width="100" bgcolor="#ebebeb">欲从事职位二</td>

</tr>

<tr>

元</td>

</tr>

</tbody>

</table>

<tr>

<td>

<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>

以下是我用html的相关知识制作的个人简历网页，话不多说先看看最终效果：

如上所示项目一共分为5个部分，分别对应导航栏的5个内容。其中项目技能用的是echarts里的柱状图，作品展示用的是bootstrap里的轮播图，除此之外就是html的基础内容。下面我们展示一下项目的代码部分：

<!DOCTYPE html><html>

<head>

<title>我的个人简历</title>

</head>

<body >

<p style="font-size: 15px">2018年升入陕西国防工业职业技术学院，<br/>学习软件编程，对编程有浓厚的兴趣，

在老师的指导，<br/>和自己的课下练习，渐渐对编程有了更深入的了解。<br/>在课余时间，

我喜欢唱歌、跑步和打乒乓球。<br/>喜好结交志同道合的朋友，一起分享学习的生活的经验。<br/>

有良好的团队意识，学习时认真负责。 </p>

</div>

</button>

</div>

<tbody>

</button></a></td>

</button></a></td>

</button></a></td>

</tr>

</tbody>

</table>

</div>

</ul>

</div>

</nav>

<div id="main" style="width:

50%height:400pxleft: 25%"></div>

// 基于准备好的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>

<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>

<li class="active"><a href="#car">新能源汽车项目</a></li>

<li><a href="#city">咕泡商城项目</a></li>

</ul>

</div>

<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>

<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>

<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>

</ol>

</div>

</div>

</div>

</div>

<span class="sr-only">Previous</span>

</a>

</a></div>

<tr>

<td>就读于xx小学</td>

</tr>

<tr>

<td>就读于xx初中</td>

</tr>

<tr>

<td>就读于xx高级中学</td>

</tr>

<tr>

<td>就读于陕西国防工业职业技术学院</td>

</tr>

</tbody></table></div>

<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邮箱: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电话号码：11111111111

&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>

应该是打开百度空间之后,打开主页,然后在菜单栏上单击"查看"——“源文件”就可以了。然后会打开一个记事本，出现一些代码，这些还不是你要修改模板用的代码，如果想找那个代码的话，还要再查找‘CSS’，查找到第三个的时候，把它弄到你的地址栏上，放到你的空间域名后，这次打开的记事本文件就是CSS代码文档了。如果还有不明白的话，就进我空间联系我。

http://hi.baidu.com/nmbh0306

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：如何使用css3绘制任意角度扇形+动画

# 下一篇：电脑耳机声道怎么调?