<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
<style>
* {
margin: 0;
padding: 0px;
}
div {
box-sizing: border-box;
}
body {
width: 100vw;
background: url(picture/bg01.jpg) no-repeat;
background-size: cover;
}
.box {
width: 900px;
margin: 20px auto;
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 20px;
}
.box h2 {
margin-bottom: 20px;
}
.box p {
line-height: 1.8;
text-indent: 2em;
text-align: justify;
margin-bottom: 10px;
}
.daohang {
width: 100%;
height: 80px;
background: rgba(0, 0, 0, 0.7);
}
.daohang .neirong {
width: 900px;
margin: 0 auto;
height: 80px;
}
.daohang .neirong a {
font-size: 20px;
color: #fff;
text-decoration: none;
display: inline-block;
line-height: 80px;
text-align: center;
width: 19%;
}
</style>
</head>
<body>
<div class="box">
<h2>小黄人介绍</h2>
<p>
<img src="picture/1.gif" style="float: right; width:200px; margin-left: 20px;" alt="">
小黄人身型是黄色胶囊状，穿着蓝色背带装，语言为各种语言的各种混杂，眼睛呈单只或双只，并一直带着潜水镜，只有3个手指，头发有5种类型，刺头、塌塌的小中分、冲天一小撮、光头以及小平头。小黄人身型是黄色胶囊状，穿着蓝色背带装，语言为各种语言的各种混杂，眼睛呈单只或双只，并一直带着潜水镜，只有3个手指，头发有5种类型，刺头、塌塌的小中分、冲天一小撮、光头以及小平头。
</p>
<p>
小紫人是由小黄人被注射PX-41血清所变异的，拥有狂野的发型和大大的牙齿，有着惊人的食量，什么都能吃，是小黄人对立面，因为紫色正好是黄色的对立色，所以这些邪恶的小人就被设置成紫色的了，不过他们做坏事方式看起来也会很有趣。
</p>
<p>
呆蠢、贱萌的技术宅，吵闹、易满足、爱享受、听主人话、乐于助人，喜欢大笑和玩耍，讨厌被嘲笑。喜爱的食物各种水果蔬菜，尤其热爱香蕉、冰激凌。
</p>
<div style="clear: both;"></div>
</div>
<div class="box">
<h2>角色介绍</h2>
<img src="picture/js1.webp" width="200" height="170" style="margin-left: 10px;" alt="">
<img src="picture/js2.webp" width="200" height="170" style="margin-left: 10px;" alt="">
<img src="picture/js3.webp" width="200" height="170" style="margin-left: 10px;" alt="">
<img src="picture/js4.webp" width="200" height="170" style="margin-left: 10px;" alt="">
</div>
<div class="box">
<h2>资料介绍</h2>
<img src="picture/bg02.jpg" width="200" height="130" style="margin-left: 10px;" alt="">
<img src="picture/bg03.jpg" width="200" height="130" style="margin-left: 10px;" alt="">
<img src="picture/bg04.jpg" width="200" height="130" style="margin-left: 10px;" alt="">
<img src="picture/bg05.jpg" width="200" height="130" style="margin-left: 10px;" alt="">
</div>
<div class="music">
<audio controls="" autoplay="" src="file/DespicableMe.mp3"></audio>
</div>
<div class="daohang">
<div class="neirong">
<a href="">首页</a>
<a href="guanyu.html">关于电影</a>
<a href="juese.html">角色介绍</a>
<a href="shijian.html">上映时间</a>
<a href="ziliao.html">资料介绍</a>
</div>
</div>
</body>
</html>
【适合选修课】小黄人网页作业源码 5页 无js 带视频和mp3播放
版权申诉
28 浏览量
2023-06-14
22:43:16
上传
评论
收藏 24.63MB ZIP 举报
B67JP 小黄人 5页 无js 视频音频.zip （22个子文件） 
B67JP 小黄人 5页 无js 视频音频 05小黄人 5页 无js 视频音频 file 
DespicableMe.mp3 3.86MB
1.mp4 17.32MB picture 
bg03.jpg 334KB js1.webp 8KB js3.webp 5KB bg01.jpg 55KB bg02.jpg 378KB js2.webp 23KB js4.webp 11KB bg05.jpg 406KB
1.gif 345KB bg04.jpg 436KB image bg03.jpg 334KB bg01.jpg 55KB bg02.jpg 378KB bg05.jpg 406KB bg04.jpg 436KB
shijian.html 3KB ziliao.html 4KB index.html 4KB guanyu.html 3KB juese.html 3KB资源评论
小风飞子
- 粉丝: 324
- 资源: 1500
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减4.47元 开通VIP
