码云链接：https://gitee.com/qinglongwu/codes/yr5jnvwigbphcetmdux1l40
效果图：
源代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<embed src="Ariana+Grande+-+7+rings.mp3" autostart="true" loop="true" hidden="true">
</embed>
<style>
body{
background-image:url("01.jpg");
background-size:cover;
}
#img{
float:right;
padding:0px 80px;
}
hr{
margin-top:7px;
*margin: 0;
border: 0;
color: black;
background-color: black;
height: 1.5px;
}
td{
width:300px;
height:50px;
}
.a{
margin-left:100px;
}
</style>
<title>吴雨纾的简历</title>
</head>
<body>
<h1 align="center">个人简历</h1>
<div class="a">
<br>
<font size="5" >基本信息</font>
</br>
<hr style="width: 1100px" align="center">
<div id="img">
<img src="02.jpg" width="100px" height="100px";>
</div>
<table width="900px" height="150">
<tr>
<td>姓名：吴雨纾</td>
<td>性别：女</td>
<td>民族：汉</td>
</tr>
<tr>
<td>籍贯：海南海口</td>
<td>出生年月：1999.9</td>
<td>就读学校：青海大学</td>
</tr>
<tr>
<td>就读专业：计算机科学与技术专业</td>
<td>联系电话：1XXXXXXXXXX</td>
<td>电子邮箱：[email protected]</td>
</tr>
</table>
<br>
<font size="5" >家乡位置</font>
</br>
<hr style="width: 1100px" align="center">
<img src="03.png" width="300px" height="300px";>
<br>
<font size="5" >自我评价</font>
</br>
<hr style="width: 1100px" align="center">
<font size="10" color="red">表面平静的硬核女孩！</font>
</div>
</body>
</html>