码云链接：https://gitee.com/zhrx-617/codes/947dbs2fi5kw3jz8hc0ma74
效果图：
源代码：
<html>
<head>
<meta charset="UTF-8">
<title>个人简历</title>
<style type="text/css">
#ceng1{position:absolute;
left:40;
top:120;
line-height:2em;
width:260px;
height:550px;
}
#ceng2{
position:absolute;
left:430;
top:40;
line-height:2em;
width:480px;
height:100px;
}
#ceng3{position:absolute;
left:350;
width:600px;
height:600px;
font-size:1em;
}
#hang{background:silver;
border:2px solid black;
}
#tr1{height:300;
}
span{display:inline;
border:0.5em dashed blue;
padding:0.5em;
margin:0.5em;
}
cl{color:green;
}
txt{font:100%；
}
</style>
</head>
<body background="http://pic1.win4000.com/wallpaper/
2/56d017b33c1c5.jpg"style="background-repeat:no-repeat;">
<h1><p align=center>欢迎来到我的自我介绍界面！</h1>
<div id="ceng2">
<p id="hang"><span><a href=#自我评价>自我评价</a></span>
<span><a href=#获奖情况 >获奖情况</a></span>
<span><a href=#兴趣爱好>兴趣爱好</a></span>
<span><a href=#学习感言>学习感言</a></span>
</div>
<div id="ceng1">
<table height="400" width="250" border="1" style="color:darkblue">
<tr id="tr1">
<td colspan="2"><img src="http://img5.imgtn.bdimg.com/it/u=729467174,449935167&fm=26&gp=0.jpg" bordeer="0" width="250"
height="300"/></td>
</tr>
<tr>
<td>姓 名: 周荣萱</td>
</tr>
<tr>
<td>性 别:女 </td>
</tr>
<tr>
<td>出生年月:1999.06.17</td>
</tr>
<tr>
<td>专 业: 计算机科学与技术系</td>
</tr>
<tr>
<td>院 系: 计算机技术与应用系</td>
</tr>
<tr>
<td>政治面貌:入党积极分子</td>
</tr>
<tr>
<td>就读学校:青海大学 </td>
</tr>
<tr>
<td><a href="https://baike.baidu.com/item/%E6%AD%A6%E6%B1%89/106764?fromtitle=%E6%B9%96%E5%8C%97%E6%AD%A6%E6%B1%89&fromid=17503348&fr=aladdin">家 乡:湖北省武汉市</a></td>
</tr>
<tr>
<td>应聘职位:以后的不起眼的IT工程师 </td>
</tr>
<tr>
<td>座 右 铭:天道酬勤</td>
</tr>
<tr>
<td>电 话:189******** </td>
</tr>
</div>
<div id="ceng3">
<h3><a id=自我评价><a><cl>自我评价:</cl></h3>
<txt> 在学习方面具备较强的逻辑思维和判断能力，具有良好的学习习惯，有对学习认真负责的态度，有很强的恒心和毅力，为人坦诚、自信、乐观、处事冷静，人际关系良好，具有一定的创新意识和创造能力。
</txt>
<h3><a id=获奖情况><a><cl>获奖情况:</cl></h3>
<ol>
<li><txt>CET4已过</txt></li>
<li><txt>考取驾照—C照</txt></li>
<li><txt>钢琴1-9级证书</txt></li>
<li><txt>乐理满级所有证书</txt></li>
<li><txt>在校期间优秀三好学生</txt></li>
<li><txt>具备使用office办公软件的能力</txt></li>
</ol>
<h3><a id=兴趣爱好><a><cl>兴趣爱好:</cl></h3>
<txt> 喜欢弹钢琴、唱歌、热爱打羽毛球、喜欢一天笑嘻嘻。
</txt>
<h3><a id=学习感言><a><cl>学习感言:</cl></h3>
<txt> 在学习网页设计中，有很多奇妙的想法，但是因为学习不精，有些无法实现。这时，问问度娘，度娘都不知道的就向同学和老师请教来解决问题。<br/> 学习网页最重要的是动手实践，将书本上的理论知识自己动手操作一边，不仅能加深我们对各标签的印象，还能使我们清楚各标签、语句对应的功能。
</txt><br/><br/>
<p align="center"><h5>如果您有任何疑问，欢迎致信到1936790718@qq.com</h5>
<embed src="/软件工程/img/kanon.mp3" hidden="false" autostart="true" loop="false"></embed>
</div>
</body>
</div>
</body>
</html>
