案例效果展示
代码
html
<!DOCTYPE html>
<lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人简历信息</title>
</head>
<h1>某某某</h1>
<div>
<h2>基本信息</h2>
<img src="https://img0.baidu.com/it/u=2112986530,546273784&fm=253&fmt=auto&app=120&f=JPEG?w=888&h=500" width="300px" height="180px" alt="">
<span><p>求职意向: Java开发工程师</p></span>
<span><p>联系电话: xxx-xxx-xxxx</p></span>
<span><p>邮箱: xxx@loxinmd.com</p></span>
<span><p><a href="https://gitee.com/explore" target="_blank">我的github</a></p></span>
<span><p><a href="https://blog.csdn.net/Dingyuan0?spm=1001.2101.3001.5343" target="_blank">我的博客</a></p></span>
</div>
<div>
<h2>教育背景</h2>
<table>
<ol>
<li>1990-1996 小葵花幼儿园 幼儿园</li>
<li>1996-2002小爱花小学小学</li>
<li>2002-2005小爱花中学初中</li>
<li>2005-2008 小樊花中学 高中</li>
<li>2008-2012 小装花大学 计算机专业 本科</li>
</ol>
</table>
</div>
<div>
<h2>专业技能</h2>
<table>
<ul>
<li>JAVA基础语法扎实, 已经刷了800LectCode道题</li>
<li>常见数据结构都可以独立实现并熟续应用;</li>
<li>熟知计算机网绝理论, 并且可以独立非查常见问题</li>
<li>会数据开发能力, 独立了学习的配言功能</li>
</ul>
</table>
</div>
<div>
<h2>我的项目</h2>
<table>
<ol>
<li><h3>留言墙</h3></li>
<p>开发时间: 2008年9月 到 2009年12月</p>
<p>功能介绍:</p>
<ul type="circle">
<li>支持留言发布</li>
<li>支持匿名留言</li>
</ul>
<li><h3>学习小助手</h3></li>
<p>开发时间: 2008年9月 到 2009年12月</p>
<p>功能介绍:</p>
<ul type="circle">
<li>支持错题检索</li>
<li>支持同学探讨</li>
</ul>
</ol>
</table>
</div>
<div>
<h2>个人评价</h2>
<span><p>在校期间,学习成绩优良,多次获得奖学金。</p></span>
</div>
</body>
</html>