个人简介

纵饮孤独 提交于 2020-10-28 12:10:36

源码链接(码云):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网页,通过百度地图生成器生成代码

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!