以下为简历的代码,后面那么多重复的文字是能够使当点击左侧的导航栏的时候,效果会更明显。比如点击技能特长的时候,右边的技能特长就会处于当前页的首行。
<!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>邮箱:[email protected]</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>