一个简单的html个人简历代码(一个简单的html个人简历代码怎么写)
用HTML编写个人简历怎么做 要用 等标记符,简单的变色的
HTML编写个人简历代码table表格样式的:
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语言,制做静态网页,用记事本,做个人简历,不要太复杂,简单的就行,主要是HTML语言
html
body
img src="图片的地址" width="200" height="200"/img
pfont color="yellow" size="20"****级学生/font/p
pfont color="yellow" size="20"姓名/font/p
pfont color="yellow" size="20"特长/font/p
a href=""超级链接/a
/body
/html
保存成扩展名htm或html的文件
p段落的意思,width图片的宽 height图片的高 color文字的颜色 size文字的大小。
谁给个用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的相关知识制作的个人简历网页,话不多说先看看最终效果:
如上所示项目一共分为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代码制作一份个人简历!急求!
建一个表格,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:fixed;width:550px;min-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