<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 ><b><a href=http://blog.sina.com.cn/u/3083814572>个人简历
</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=5><a
href=http://user.qzone.qq.com/504660181/infocenter#home>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=4><img
src="http://b264.photo.store.qq.com/psb?/1e607185-b189-4edb-a6a9-
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=5>1992.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=3>13602664383</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 [email protected]</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=center>2007.9-2011.6 在河南高级技工学校读
中专</td>
</tr>
<tr height=50 bgcolor=green>
<td width=720 colspan=6 align=center>2010.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=center>2011.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>
<center><script language="javascript" type="text/javascript"
src="http://js.users.51.la/15653809.js"></script>
<noscript><a href="http://www.51.la/?15653809" target="_blank"><img
alt="我要啦免费统计"
src="http://img.users.51.la/15653809.asp" style="border:none"
/></a></noscript>
</body>
</html>
看下这里:http://www.tc-21.com/Photo/Case/EduResTraSite/Index.html
是经典案例,但也可以直接套用的,希望对你有所帮助!
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
height:500px
background: linear-gradient(#A6CADE,#F8C6F8) no-repeat
}
ul,li,div {
padding:0margin:0
}
.container{
width: 500px
margin:0 auto
}
#tab-con div{
display: none
width:500px
height:282px
}
#tab-con div img{
width: 100%
height:100%
}
#tab-con div.active{
display: block
}
#tab-list ul li{
float:left
list-style: none
}
#tab-list ul li a{
display: block
width:70px
text-align: center
text-decoration: none
color:#000
background: #D6D6D1
}
#tab-list ul li.active a{
color:#fff
background:#f96302
}
</style>
</head>
<body>
<div class="container">
<div id="tab-con">
<div class="active"><img src="img/test1.jpg"></div>
<div><img src="img/test2.jpg"></div>
<div><img src="img/test3.jpg"></div>
<div>图片4</div>
<div>图片5</div>
<div>图片6</div>
<div>图片7</div>
</div>
<div id="tab-list">
<ul>
<li><a href="javascript:">首页</a></li>
<li><a href="javascript:">美食</a></li>
<li><a href="javascript:">交通</a></li>
<li><a href="javascript:">图片4</a></li>
<li><a href="javascript:">图片5</a></li>
<li><a href="javascript:">图片6</a></li>
<li><a href="javascript:">图片7</a></li>
</ul>
</div>
</div>
<script>
var tablist = document.getElementById('tab-list').getElementsByTagName('li')
var tabcon = document.getElementById('tab-con').getElementsByTagName('div')
for(var i = 0 i<tablist.length i++){
tablist[i].onclick = function(){
starttab(this)
}
}
function starttab(obj){
for(var i = 0 i<tablist.length i++){
if(tablist[i] == obj){
tablist[i].className = "active"
tabcon[i].className = "active"
}else{
tablist[i].className = ""
tabcon[i].className = ""
}
}
}
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）