源码链接(码云):https://gitee.com/dongshuaishuai/personal_profile.git (可能别人进不去)
百度云:https://pan.baidu.com/s/1f8SX44gYCqi6JNuGQsfkUw 提取码:7jd9
页面展示:
代码展示:
//插入图片
<div id="section">
<img src="悟空.jpg" align="middle">
</div>
//插入背景图
<body background="true.jpg">
<style ="background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;">
</style>
</body>
//添加地图
<iframe src="map.html" width="700" height="300" frameborder="0"
scrolling="0">
</iframe>
//添加背景音乐
<embed src="have%20a%20nice%20day.mp3" hidden="true"
autostart="true" loop="true"/>
//css代码
#nav{
line-height:normal;
float:left;
padding:5px;
}
#section{
width:450px;
float:left;
padding:15px,20px;
}
//源代码展示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>个人简历设计</title>
<style>
#nav{
line-height:normal;
float:left;
padding:5px;
}
#section{
width:450px;
float:left;
padding:15px,20px;
}
</style>
<embed src="have%20a%20nice%20day.mp3" hidden="true"
autostart="true" loop="true"/>
</head>
<body>
<h1 align="center">个人简历</h1>
<div style="color: #FF0000;">
<strong>基本信息</strong>
<hr width="100%">
</div>
<div id="nav">
<h4>姓名:董帅</h4>
<h4>性别:男</h4>
<h4>出生年月:1999.03.31</h4>
<h4>毕业院校:青海大学</h4>
<h4>专业:计算机科学与技术</h4>
<h4>联系电话:187****1587</h4>
<h4>电子邮件:863768060@qq.com</h4>
<b>博客:<b>
<a href="https://www.cnblogs.com/dongshuaishuai/">172董帅</a>
<br></br>
<div style="color: #FF0000;">
<strong>个人经历</strong>
<hr width="100%">
</div>
<h4>2017/8--至今:计算机系</h4>
<ul type="disc">
<b><li>通过普通话</li>
<li>通过英语四级</li>
<li>实施部部长</li>
<li>从未挂科</li>
<li>......</li>
</b>
</ul>
<div style="color: #FF0000;">
<strong>自我评价</strong>
<hr width="100%">
</div>
<b><p>
计算机技术与应用系毕业,代码功底扎实,
能力出色。工作有责任心,能吃苦耐劳,学习意愿强烈,
希望能找到一个合适的岗位。
</p></b>
<div style="color: #FF0000;">
<strong>家乡位置</strong>
<hr width="100%">
</div>
</div>
<div id="section">
<img src="悟空.jpg" align="middle">
</div>
<iframe src="map.html" width="700" height="300" frameborder="0"
scrolling="0">
</iframe>
</body>
<body background="true.jpg">
<style ="background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;">
</style>
</body>
</html>
附:地图使用了另外一个HTML网页,通过百度地图生成器生成代码
来源:oschina
链接:https://my.oschina.net/u/4265926/blog/3304675