用html做个人简历代码模板(用html做个人简历代码及效果图)

html制作个人简历网页代码

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

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

!DOCTYPE htmlhtml

head

meta charset="utf-8"

title我的个人简历/title

link rel="stylesheet" href="lib/css/color.css"

link rel="stylesheet" href=""

script src=""/script

script src=""/script

script src=""/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"

tda 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

tda href="" 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"

lia href="#main"专业技能/a/li

lia href="#project"项目经验/a/li

lia href="#myCarousel"作品展示/a/li

lia href="#education"教育经历/a/li

lia href="#relation"联系方式/a/li

/ul

/div

/div

/nav

!-- 为ECharts准备一个具备大小（宽高）的Dom --

div id="main" style="width:

50%;height:400px;left: 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"

liJava基础:br/

我入门时首先学的就是Java基础，然后再到Java高级开发，br/

在学习过程中老师细致的教学为我们打下了牢固的java基础。 ? ? ? ? ? ? ?/li

limysql数据库:br/

mysql数据库是我们大一第二学期开的课，配合Java高级开发一起学习的科目，br/

因为自己本身就喜欢数据库的一些东西，所有mysql数据库也有良好的基础。/li

liJavascript语言：br/

在学JavaScript之前我有良好的html5和css基础，所学习JavaScript时也是十分顺利的掌握了课本里的内容。/li

liweb开发:br/

web开发是我最喜爱的科目之一，servlet的学习给我启发深刻。/li

lissm框架:br/

ssm框架相比springboot而言是比较繁琐的，但是在学习和理解起来却比springboot更容易让人掌握。/li

lispringboot框架: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

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

lia 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社交平台，包括用户登录注册，用户上传车辆信息，统计用户车辆，分析故障车辆原因，

以及导航、朋友圈等功能一体的汽车平台。该项目用户的使用方法如下： ? ? ? ?p1.新用户进行登录注册。/p

p2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。/p

p3.新用户上传自己车辆信息，并绑定账号。/p

p4.新用户可以上传自己车辆故障，系统自动查询车辆故障原因以及维修方案。/p

p5.用户可以添加车友，在车友圈发布求助信息等。/p

p6.用户还可以进行地图导航，以及查询公交车，出租车，飞机等交通工具的时间和行程。/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天的时间。该项目主要是写一个网上商城电商购物平台，包括用户登录注册，用户绑定信息，上传头像、昵称等个人信息，

用户主要可以在该平台上面购买各种商品，每种商品都做好了分类管理，用户点击分类名称或者准确搜索都能显示出自己想要的商品。用户点击商品就可以

链接到商品详情页面，不论是购物还是浏览商品都非常的方便。该项目用户的使用方法： ? ? ? ?p1.新用户进行登录注册。/p

p2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。/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万条数据处理并展示。该项目执行步骤如下： ? ? ? ?p1.后端爬取数据并存到数据库。/p

p2.中间清洗数据，将数据改变为前端人员需要的格式。/p

p3.前端人员根据需求展示数据。/p

该项目让我们体会到了团队合作和团队分工明确的重要性，每个人做好属于自己的一份任务，环环相扣才能保质保量的完成项目。 ? ? ?/p

/div/div

/div

div id="myCarousel" class="carousel slide" style="border: solid; border-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: 800px; border: solid 5px; border-color: lightslategray;" alt="First slide"

/div

div class="item"

img src="C:\Users\1\Desktop\pc1.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="Second slide"

/div

div class="item"

img src="C:\Users\1\Desktop\xny.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="Second slide"

/div

div class="item"

img src="C:\Users\1\Desktop\pc2.png" style="width: 80%;height: 800px; border: solid 5px; border-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

td2006.9.-2012.7/td

td就读于xx小学/td

/tr

tr

td2012.9-2015.7 /td

td 就读于xx初中/td

/tr

tr

td2015.9-2018.7 /td

td 就读于xx高级中学/td

/tr

tr

td2018.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;个人博客:;/p

/div

/body/html

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

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta name="Description" content="Design by :Donkey" /

meta http-equiv="Content-Type" content="text/html; charset=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();

}

input{ background:#FFFFFF}

textarea{ background:#FFFFFF}

select{ background:#FFFFFF}

.STYLE1 {color: #FF0000}

/*================================提交按钮==========================*/

.buttonArea{ text-align:right; padding:0 10px 0 10px;}

.btn_mouseout

{

width:80px;height: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:80px;height: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:80px;height: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:80px;height: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("用户名","身份证号码","出生日期","户籍","联系电话","住址","毕业院校","毕业时间","所学专业","计算机水平","受教育情况");//把对应的输入框名字放在这里

function funsubmit(){

var len = itemArray.length;

for(i=0;ilen;i++){

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

tddiv 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"身份证号/td

tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" name="sfzhm" /

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

td align="middle"出生日期/td

tdinput onPropertyChange="blank(this)" class="alcatel" size="18" value="" name="xm2" /

span class="STYLE1"*/span/td

/tr

tr

td align="middle" bgcolor="#ebebeb"政治面貌/td

tdselect class="alcatel" name="zzmm"

option

selected="selected"群众/option

option团员/option

option党员/option

option民主人士/option

/select /td

td align="middle" bgcolor="#ebebeb"户 籍/td

tdinput onPropertyChange="blank(this)" name="hj" class="alcatel" value="" size="18" /

font

color="#ff0000"*/font/td

/tr

tr

td align="middle"婚姻状况/td

tdselect class="alcatel" name="hyzk"

option selected="selected"未婚/option

option已婚/option

/select/td

td align="middle"视力状况/td

tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="4" size="4" name="slzk" //td

/tr

tr

td align="middle" bgcolor="#ebebeb"身高/厘米/td

tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" value="" name="sg" //td

td align="middle" bgcolor="#ebebeb"体重/公斤/td

tdinput onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" name="tz" //td

/tr

tr

td align="middle"民 族/td

tdselect 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

tdinput 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

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

tdinput 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

HTML个人简历怎么做？

HTML编写个人简历代码table表格样式的

使用桌面邮件程序如outlook，foxmail可以选择html模板，发送的邮件均会是html格式的。

使用gmail，126等邮箱其本生提供文本格式化，而格式化即使为文字添加代码只是这些代码你看不到而已，你所看到的是代码执行以后的结果，因此我估计如果你直接自行编写代码在里面也是可以格式化的，如果是这样你可以用网页编辑工具实现设计好你的简历页面然后粘贴进去即可，

2方法没有试过，如果不行可以采用以下方法，将简历网页做好，然后申请一个免费空间放上去，然后在给公司的邮件中写上这个网页的连接地址

用html+css将效果图编码为静态页（也就是你说的HTML简历了），这里需要拥有3种知识能力（基础的平面设计（photoshop）/html/css）

html制作简历代码不是用table的

你试试这种：

首先要确定简历的格式，如果使用HTML写简历，出来的格式可能就是HTM，HTML后缀的文件，使用WORD做出来的是DOC扩展名。

确定使用网页格式做简历，建议使用软件来做，这样只需要在软件里面做好格式，自动生成代码，填充内容即可，DREAMWEAVER,FRONTPAGE等，也可以使用WORD编写后保存为页面格式。

代码编写比较麻烦，一般来说站点制作的时候，用DIV布局，数据较多的时候就会选择使用TABLE布局，对简历来说，可能会用到TABLE来布局，纯代码的TABLE,TR,TD会用到很多，手工编写会很麻烦，格式也不容易控制。