个人简介——面向对象与软件工程实验一
一、源码以及素材链接：
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！
浙公网安备 33010602011771号