個人簡介
原始碼連結(碼雲):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>電子郵件:[email protected]</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網頁,通過百度地圖生成器生成程式碼