个人简介——面向对象与软件工程实验一
一、源码以及素材链接:
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
个人简介——面向对象与软件工程实验一相关推荐
- 实验六 html网页设计,网页设计.html · 谢泽华/面向对象与软件工程实验二:网页模仿 - Gitee.com...
网页 ul, menu, dir { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin ...
- 项目架构——面向对象与软件工程实验五
一.代码规范与编码原则 一. 目录规范 全局配置 小程序根目录下的 app.json 文件用来对小程序进行全局配置.该JSON对象中的pages属性用于指定小程序由哪些页面组成,每一项都对应一个页面的 ...
- 软件工程实验报告 一
软件工程实验报告 一 一.实验名称 桌面小工具需求分析 二.实验目的 完成几个实用应用系统的需求分析,建立需求模型计: 系统掌握软件开发过程中需求分析报告的写法. 三.实验主要内容 将整个需求分析过程 ...
- 软件工程实训有必要吗_软件工程实验(四个实验)
<软件工程实验(四个实验)>由会员分享,可在线阅读,更多相关<软件工程实验(四个实验)(21页珍藏版)>请在人人文库网上搜索. 1.武汉轻工大学软件工程实验报告院系: 数学和计 ...
- 20155328 《Java程序设计》 实验二(Java面向对象程序设计) 实验报告
20155328 <Java程序设计> 实验二(Java面向对象程序设计) 实验报告 单元测试 一.单元测试和TDD 编程时需理清思路,将编程需求等想好,再开始编.此部分可用伪代码实现. ...
- 如何编写一份软件工程实验报告
软件工程实验报告,实际上写的是一份软件需求说明书. 首先是封面.说明自己的个人信息,项目,班级,姓名,指导教师. 然后是正文部分: 正文部分,第一,介绍一下自己要做的项目 第二,可行性研究.用最小的代 ...
- java程序面向对象show,20165309 实验二 Java面向对象程序设计
2017-2018-2 20165309实验二<Java面向对象程序设计>实验报告 一.实验内容 1. 初步掌握单元测试和TDD 2. 理解并掌握面向对象三要素:封装.继承.多态 3. 初 ...
- 20155201 实验四《Java面向对象程序设计》实验报告
20155201 实验四<Java面向对象程序设计>实验报告 一.实验内容 1.基于Android Studio开发简单的Android应用并部署测试; 2.了解Android.组件.布局 ...
- 20145207《Java程序设计》实验二(Java面向对象程序设计)实验报告
<Java程序设计>实验二(Java面向对象程序设计)实验报告 目录 改变 Java面向对象程序设计实验要求 实验成果 课后思考 改变 看了下之前实验二的整体,很搞笑,大图+代码,没了.. ...
最新文章
- arcgis与python_Arcgis-ModelBuilder和Python学习
- java的排序_java排序
- window 之命令行的cd
- 开源纯C#工控网关+组态软件(七)数据采集与归档
- Uva 11354 LCA 倍增祖先
- 前端学习(543):npm包管理
- Qt之Threads和QObjects
- Java Spring boot 企业微信点餐系统
- Linux tcp同时多个连接,我的linux tcp server最多只能同时进行10个TCP请求,其余的都在等待了,如何让所有的连接都同时进行?...
- Android自定义标题栏
- 学html和css的感受
- 天思经理人ERP塑胶玩具行业应用方案
- ArcGis-学习笔记1-地图矢量化
- 可计算性理论与复杂性介绍
- 广州大学--金融股票数据分析
- MAC Safari 浏览器自动重启,活动监视器闪退,CPU过高导致风扇嗡嗡响
- 微信域名防封浅谈之一
- Linux丢包问题排查思路
- 关爱残障儿童,天使之翼爱心活动进行
- 20160127.CCPP体系详解(0006天)