一、源码以及素材链接:
https://gitee.com/fzzf-sama/gerenjianjie
二、效果截图:
三、代码展示:
1、部分代码:
CSS部分代码:
<style type="text/css" >
.wenzi
{
font-size: 4rem;
color: whitesmoke;
font-family: youyuan;
}
.daxiao
{
color: snow;
font-size: 0.95;
}
.suoxiao
{
font-size: 0.08rem;
}
</style>
插入图片并调整宽度为800像素高度为500像素:
<img src="picture/广州2.jpg" width="800px" height="500px">
插入音频(loop:每当音频结束时重新开始播放的属性。autoplay:音频在就绪后马上播放。controls:向用户显示控件,比如播放按钮):
<audio src="audio/刘德华 - 17岁.mp3" loop=loop autoplay=autoplay controls="controls">
2、全部代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css" >
.wenzi
{
font-size: 4rem;
color: whitesmoke;
font-family: youyuan;
}
.daxiao
{
color: snow;
font-size: 0.95;
}
.suoxiao
{
font-size: 0.08rem;
}
</style>
</head>
<body background="picture/背景1.jpg">
<div class="biaoti1">
<table width="1000" align="center">
<tr>
<td align="center">
<h1><font size="10" color="white">个人简历</h1>
</td>
</tr>
</table>
<table align="center" width="800" >
<tr align="center">
<td rowspan="3" align="right" class="wenzi"><b>学<br>习<br>如<br>风</b></td>
<td rowspan="3"><img src=picture/头像.png width="380" height="300"></td>
<td rowspan="3" align="left" class="wenzi"><b>常<br>伴<br>吾<br>身</b></td>
</tr>
</table>
<table align="center" width="800">
<tr align="center">
<td colspan="4"><b><font size="7" color="lime">基本信息</font></b></td>
</tr>
<tr align="left" class="daxiao">
<td><b>姓名</b>:谢泽华</td>
<td><b>性别</b>:男</td>
<td><b>民族</b>:汉</td>
<td><b>婚姻</b>:单身贵族</td>
</tr>
<tr class="daxiao">
<td><b>籍贯</b>:广东省</td>
<td colspan=3><b>出生日期</b>:1998年太阳直射点照射到南回归线的日子</td>
</tr>
<tr class="daxiao">
<td><b>在读院校</b>:青海大学</td>
<td><b>专业</b>:计算机科学与技术</td>
<td><b>手机</b>:17666522240</td>
<td><b>QQ</b>:756942648</td>
</tr>
<tr class="daxiao">
<td colspan="4"><b>博客</b>:<a href="https://www.cnblogs.com/fzzf-sama/" style="color: white; font-family: simhei;" target="_blank">https://www.cnblogs.com/fzzf-sama/</a></td>
</tr>
</table>
<table align="center" width="800" >
<tr align="center">
<td colspan="4"><b><font size="7" color="peachpuff">兴趣爱好</font></b></td>
</tr>
<tr class="daxiao">
<td>1.读书</td>
<td>2.听音乐</td>
<td>3.打羽毛球</td>
<td>4.打游戏</td>
</tr>
</table>
<table align="center" width="800">
<tr align="center">
<td colspan="4"><b><font size="7" color="purple">自我介绍</font></b></td>
</tr>
</table>
<table align="center" width="800">
<tr align="left" class="daxiao">
<td>上帝说:你只能学习四天。</td>
</tr>
<tr align="left" class="daxiao">
<td>我说:好,春天,夏天,秋天,冬天。</td>
</tr>
<tr align="left" class="daxiao">
<td>上帝说:你只能学习三天。</td>
</tr>
<tr align="left" class="daxiao">
<td>我说:好。昨天,今天,明天。</td>
</tr>
<tr align="left" class="daxiao">
<td>上帝说:你只能学习两天。 </td>
</tr>
<tr align="left" class="daxiao">
<td>我说:好。白天,黑天。</td>
</tr>
<tr align="left" class="daxiao">
<td>上帝说:你只能学习一天。</td>
</tr>
<tr align="left" class="daxiao">
<td>我说:“每天。”</td>
</tr>
<tr align="left" class="daxiao">
<td>上帝感动了,他说:你以后肯定是一个聪明绝顶之人!。</td>
</tr>
<tr align="left" class="daxiao">
<td>我说:Studying is like the wind,always by my side.</td>
</tr>
</table>
<table align="center" width="800" >
<tr align="center">
<td colspan="4"><b><font size="7" color="brown">家乡の胜景</font></b></td>
</tr>
<tr class="daxiao" align="center">
<td colspan="4">
<font size=6 >我家</font><font size=0.001px >附近的广州塔</font>
</td>
</tr>
<tr class="daxiao">
<td colspan="2">
<img src="picture/广州2.jpg" width="800px" height="500px">
</td>
</tr>
<tr class="daxiao" align="center">
<td colspan="4">
<font size=6 >我家在地图的大致位置</font>
</td>
</tr>
<tr class="daxiao">
<td colspan="2">
<img src="picture/home.PNG" width="800px" height="500px">
</td>
</tr>
</table>
<audio src="audio/刘德华 - 17岁.mp3" loop=loop autoplay=autoplay controls="controls">
</table>
</div>
</body>
</html>
ps:that's all!