html制作个人简历代码带照片(用html5做个人简历代码)

今天给各位分享html制作个人简历代码带照片的知识,其中也会对用html5做个人简历代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

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个人简历怎么做

html

head

title个人简历表/title

/head

body

table border="1" cellpadding="3" cellspacing="3" align="center" bgcolor="#548751"

tr align="center"

td align="center" colspan="5"

font size="+3"b个人基本简历/b/font

/td

/tr

tr align="center"

td width="200"姓名/td

td width="100"XX/td

td width="100"国籍/td

td width="100"中国/td

td rowspan="5"粘贴相片处/td

/tr

tr align="center"

td性别/td

tdXX/td

td年龄/td

tdXX/td

/tr

tr align="center"

td目前所在地/td

tdXX/td

td民族/td

tdXX/td

/tr

tr align="center"

td户口所在地/td

tdxx/td

td身高/td

td170cm/td

/tr

tr align="center"

td学历/td

tdXX/td

td专业/td

tdXX/td

/tr

tr align="center"

td rowspan ="9" align="middle"个人工作经历/td

td colspan="4" align="left"公司名称:/td

/tr

tr

td colspan="4"担任职务:/td

/tr

tr

td colspan="4"工作描述:/td

/tr

tr

td colspan="4"离职原因:/td

/tr

tr

td colspan="4"---------------------------------------------------/td

/tr

tr align="center"

td colspan="4" align="left"公司名称:/td

/tr

tr

td colspan="4"担任职务:/td

/tr

tr

td colspan="4"工作描述:/td

/tr

tr

td colspan="4"离职原因:/td

/tr

tr

td colspan="5"个人总结:/td

/tr

/table

/body

/html

做html简历时怎么插入照片啊,在右上角。"

如果在同一文件夹里,直接写照片名就行,不过style='width=105pt;height=130pt‘改成img src="" width="105px" height="130px" /这样

html制作个人简历代码带照片(用html5做个人简历代码),html制作个人简历代码带照片,信息,源码,账号,第1张

HTML个人简历怎么做?

HTML个人简历代码如下

html

head

title真实名字/title

mate name="keywords" content="个人简历"/

mate name="description" content="XXXX的个人简历"/

/head

body

table border=5 bordercolor=red align=center

tr height=70 bgcolor=green align='center'

td width=720 colspan=6 align=center

font size=5 ba href=;个人简历

/a/b/font/td

/tr

tr height=50 bgcolor=green

td width=110 align=center

font size=5姓名:/td

td width=150 align=center

font size=5a

href=;XXX/td

td width=110 align=center

font size=5性别:/td

td width=150 align=center

font size=5男/td

td width=200 colspan=2 rowspan=4img

src="-

3c3e3f4bc25a/lpJL3i5H3AWovj6*eYZTbXKgOtEQuAkqByv4H*wMyRw!/b/dKMBZp1AIgAA

bo=gALgAQAAAAABAEQ" alt="XXX照片" width=200 height=200/td

/tr

tr height=50 bgcolor=green

td width=110 align=center

font size=4 align=center

出生年月:/td

td width=150 align=center

font size=51992.4.6/td

td width=110 align=center

font size=5民族:/td

td width=150 align=center

font size=5汉/td

/tr

tr height=50 bgcolor=green

td width=110 align=center

font size=5学历:/td

td width=150 align=center

font size=5 align=center

大专/td

td width=110 align=center

font size=5专业:/td

td width=150 align=center

font size=4数控车工/td

/tr

tr height=50 bgcolor=green

td width=110 align=center

font size=5籍贯:/td

td width=150 align=center

font size=4河南原阳/td

td width=110 align=center

font size=4联系电话:/td

td width=150 align=center

font size=313602664383/td

/tr

tr height=50 bgcolor=green

td width=100 align=center

font size=4毕业学校:/td

td width=620 colspan=5 align=center

font size=5河南经济贸易高级技工学校/td

/tr

tr height=50 bgcolor=green

td width=110 align=center

font size=5住址:/td

td width=610 colspan=5 align=center

font size=5下油松新村/td

/tr

tr height=50 bgcolor=green

td width=110 align=center

font size=4电子邮箱:/td

td width=610 colspan=5 align=center

font size=5hiyangson@163.com/td

/tr

tr height=50 bgcolor=green

td width=720 colspan=6 align=center

font size=5教育历程/td

/tr

tr height=50 bgcolor=green

td width=720 colspan=6 align=center2007.9-2011.6 在河南高级技工学校读

中专/td

/tr

tr height=50 bgcolor=green

td width=720 colspan=6 align=center2010.9-至今 报读郑州轻工业学院成人大

专/td

/tr

tr height=50 bgcolor=green

td width=720 colspan=6 align=center

font size=5工作经历/td

/tr

tr height=50 bgcolor=green

td width=720 colspan=6 align=center2011.6-至今 在富士康科技集团工作

/td

/tr

tr height=50 bgcolor=green

td width=720 colspan=6 align=center

font size=5自我评价/td

/tr

tr height=50 bgcolor=green

td width=720 colspan=6个人工作勤奋,认真负责,能吃苦耐劳,尽职尽责,

/td

/tr

tr height=50 bgcolor=green

td width=720 colspan=6/td

/tr

/table

centerscript language="javascript" type="text/javascript"

src=""/script

noscripta href="" target="_blank"img

alt="我要啦免费统计"

src="" style="border:none"

//a/noscript

/body

/html

用HTML编写个人简历怎么做 要用 等标记符,简单的变色的

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

html

head

title个人简历表/title

/head

body

table border="1" cellpadding="3" cellspacing="3" align="center" bgcolor="#33333"

tr align="center"

td align="center" colspan="5"

font size="13"b个人基本简历/b/font

/td

/tr

tr align="center"

td width="200"姓名/td

td width="100"XX/td

td width="100"国籍/td

td width="100"中国/td

td rowspan="5"粘贴相片处/td

/tr

tr align="center"

td性别/td

tdXX/td

td年龄/td

tdXX/td

/tr

tr align="center"

td目前所在地/td

tdXX/td

td民族/td

tdXX/td

/tr

tr align="center"

td户口所在地/td

tdxx/td

td身高/td

td170cm/td

/tr

tr align="center"

td学历/td

tdXX/td

td专业/td

tdXX/td

/tr

tr align="center"

td rowspan ="9" align="middle"个人工作经历/td

td colspan="4" align="left"公司名称:/td

/tr

tr

td colspan="4"担任职务:/td

/tr

tr

td colspan="4"工作描述:/td

/tr

tr

td colspan="4"离职原因:/td

/tr

tr

td colspan="4"---------------------------------------------------/td

/tr

tr align="center"

td colspan="4" align="left"公司名称:/td

/tr

tr

td colspan="4"担任职务:/td

/tr

tr

td colspan="4"工作描述:/td

/tr

tr

td colspan="4"离职原因:/td

/tr

tr

td colspan="5"个人总结:/td

/tr

/table

/body

/html

关于html制作个人简历代码带照片和用html5做个人简历代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。


【免责声明】:

本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

【关于转载】:

本站尊重互联网版权体系,本站部分图片、文章大部分转载于互联网、所有内容不代表本站观点、不对文章中的任何观点负责、转载的目的只用于给网民提供信息阅读,无任何商业用途,所有内容版权归原作者所有
如本站(文章、内容、图片、视频)任何资料有侵权,先说声抱歉;麻烦您请联系请后台提交工单,我们会立即删除、维护您的权益。非常感谢您的理解。

【附】:

二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

注:本站资源来自网络转载,版权归原作者和公司所有,如果有侵犯到您的权益,请第一时间联系我们处理!

-----------------------------------------------------------------------------------------------------------

【版权声明】:

一、本站致力于为源码爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------


内容投诉
源码村资源网 » html制作个人简历代码带照片(用html5做个人简历代码)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论