以下为简历的代码，后面那么多重复的文字是能够使当点击左侧的导航栏的时候，效果会更明显。比如点击技能特长的时候，右边的技能特长就会处于当前页的首行。
<!DOCTYPE html>
<html>
<style>
header{
background-color: cadetblue;
text-align: center;
color: white;
padding: 5px;
}
nav {
line-height: 88px;
height: 610px;
width: 160px;
background-color:#eeeeee;
float: left;
padding: 44px;
}
section{
width:1000px;
float:left;
padding: 80px;
}
</style>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<header>
<h1>简历</h1>
</header>
<nav>
<a href="#personal">个人信息<br></a>
<a href="#access">自我评价<br></a>
<a href="#position">求职意向<br></a>
<a href="#edu">教育背景<br></a>
<a href="#hor">奖项荣誉<br></a>
<a href="#spe">技能特长<br></a>
<a href="#hob">兴趣爱好<br></a>
</nav>
<section>
<h1><a name="personal">个人信息</a></h1>
<p>姓名：杨会</p>
<p>出生年月：1996.10.10</p>
<p>邮箱：fayeyang18@163.com</p>
<p>联系电话：1234567890</p>
<h1><a name="access" target="_blank">自我评价</a></h1>
<p>1. 积极乐观，活泼开朗，待人真诚。</p>
<p>2.学习能力强，善于独立思考，对待学习工作认真积极，严谨负责。</p>
<p>3. 热爱前端，热爱通过技术把"美"提供给用户</p>
<p>4. 有良好的团队意识和协助精神，善于沟通，会与团队成员们积极协作与沟通，共同完成项目。</p>
<h1><a name="position">求职意向</a></h1>
<p>前端工程师</p>
<h1><a name="spe">技能特长</a></h1>
<p>1. 积极乐观，活泼开朗，待人真诚。</p>
<p>2.学习能力强，善于独立思考，对待学习工作认真积极，严谨负责。</p>
<p>3. 热爱前端，热爱通过技术把"美"提供给用户</p>
<p>4. 有良好的团队意识和协助精神，善于沟通，会与团队成员们积极协作与沟通，共同完成项目。</p>
<h1><a name="edu">教育背景</a></h1>
<p>时间：2015.9-2019.6</p>
<p>院校：青岛大学</p>
<p>学历：本科</p>
<p>专业：计算机科学与技术</p>
<h1><a name="hor">奖项荣誉</a></h1>
<p>在校期间曾获得三次优秀学习奖学金</p>
<h1><a name="hob">兴趣爱好</a></h1>
<p>因为本人比较活泼，为了让自己静下心来做事情就会写写博客，练练字。顺便也可以记录下一天的事情与心情。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>因为本人比较活泼，为了让自己静下心来做事情就会写写博客，练练字。顺便也可以记录下一天的事情与心情。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>因为本人比较活泼，为了让自己静下心来做事情就会写写博客，练练字。顺便也可以记录下一天的事情与心情。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>因为本人比较活泼，为了让自己静下心来做事情就会写写博客，练练字。顺便也可以记录下一天的事情与心情。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
<p>平时也喜欢听听歌，看看书。</p>
</section>
</body>
</html>
1554
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
