一、源码以及素材链接:

  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!

转载于:https://www.cnblogs.com/fzzf-sama/p/10539768.html

个人简介——面向对象与软件工程实验一相关推荐

  1. 实验六 html网页设计,网页设计.html · 谢泽华/面向对象与软件工程实验二:网页模仿 - Gitee.com...

    网页 ul, menu, dir { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin ...

  2. 项目架构——面向对象与软件工程实验五

    一.代码规范与编码原则 一. 目录规范 全局配置 小程序根目录下的 app.json 文件用来对小程序进行全局配置.该JSON对象中的pages属性用于指定小程序由哪些页面组成,每一项都对应一个页面的 ...

  3. 软件工程实验报告 一

    软件工程实验报告 一 一.实验名称 桌面小工具需求分析 二.实验目的 完成几个实用应用系统的需求分析,建立需求模型计: 系统掌握软件开发过程中需求分析报告的写法. 三.实验主要内容 将整个需求分析过程 ...

  4. 软件工程实训有必要吗_软件工程实验(四个实验)

    <软件工程实验(四个实验)>由会员分享,可在线阅读,更多相关<软件工程实验(四个实验)(21页珍藏版)>请在人人文库网上搜索. 1.武汉轻工大学软件工程实验报告院系: 数学和计 ...

  5. 20155328 《Java程序设计》 实验二(Java面向对象程序设计) 实验报告

    20155328 <Java程序设计> 实验二(Java面向对象程序设计) 实验报告 单元测试 一.单元测试和TDD 编程时需理清思路,将编程需求等想好,再开始编.此部分可用伪代码实现. ...

  6. 如何编写一份软件工程实验报告

    软件工程实验报告,实际上写的是一份软件需求说明书. 首先是封面.说明自己的个人信息,项目,班级,姓名,指导教师. 然后是正文部分: 正文部分,第一,介绍一下自己要做的项目 第二,可行性研究.用最小的代 ...

  7. java程序面向对象show,20165309 实验二 Java面向对象程序设计

    2017-2018-2 20165309实验二<Java面向对象程序设计>实验报告 一.实验内容 1. 初步掌握单元测试和TDD 2. 理解并掌握面向对象三要素:封装.继承.多态 3. 初 ...

  8. 20155201 实验四《Java面向对象程序设计》实验报告

    20155201 实验四<Java面向对象程序设计>实验报告 一.实验内容 1.基于Android Studio开发简单的Android应用并部署测试; 2.了解Android.组件.布局 ...

  9. 20145207《Java程序设计》实验二(Java面向对象程序设计)实验报告

    <Java程序设计>实验二(Java面向对象程序设计)实验报告 目录 改变 Java面向对象程序设计实验要求 实验成果 课后思考 改变 看了下之前实验二的整体,很搞笑,大图+代码,没了.. ...

最新文章

  1. arcgis与python_Arcgis-ModelBuilder和Python学习
  2. java的排序_java排序
  3. window 之命令行的cd
  4. 开源纯C#工控网关+组态软件(七)数据采集与归档
  5. Uva 11354 LCA 倍增祖先
  6. 前端学习(543):npm包管理
  7. Qt之Threads和QObjects
  8. Java Spring boot 企业微信点餐系统
  9. Linux tcp同时多个连接,我的linux tcp server最多只能同时进行10个TCP请求,其余的都在等待了,如何让所有的连接都同时进行?...
  10. Android自定义标题栏
  11. 学html和css的感受
  12. 天思经理人ERP塑胶玩具行业应用方案
  13. ArcGis-学习笔记1-地图矢量化
  14. 可计算性理论与复杂性介绍
  15. 广州大学--金融股票数据分析
  16. MAC Safari 浏览器自动重启,活动监视器闪退,CPU过高导致风扇嗡嗡响
  17. 微信域名防封浅谈之一
  18. Linux丢包问题排查思路
  19. 关爱残障儿童,天使之翼爱心活动进行
  20. 20160127.CCPP体系详解(0006天)

热门文章

  1. 计算机应用研学心得体会,研学心得体会作文800字
  2. 中小企业如何持续成长——融资篇
  3. anaconda使用教程
  4. chatgpt + 飞书 一个完整可部署的学习项目
  5. Tk应用程序:解决长按按钮自动增加数值
  6. redis telnet连接失败,java连接超时 个人解决方法
  7. 八叉树 Octree
  8. Python画饼状图解决字体重叠问题
  9. 10个炫酷的网站产品卡的实现案例
  10. OKI 5860sp 的控制命令