<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>绝地求生</title> <!--标题名为绝地求生-->
<style type="text/css">
.c1,.c2{ <!--c1，c2的相同特性进行定义 字体颜色为白色；字体大小为10px；加粗；无修饰-->
color:white;
font-size:10px;
font:blod;
text-decoration:none;
}
.c2{
width:150px;
weight:30px;
background-color:orange; <!-- 背景颜色为橙色；长度150px；宽度30px 框子-->
line-height:30px;
display:block;
}
.c1:hover{
color:orange; <!--悬浮颜色-->
}
.c3{
display:block;
width:100%; <!--固定某个框子-->
}
.c4{
position:fixed;
}
.c5{
color:white;
}
</style>
</head>
<body>
<table class="c4" border="0" height="88" width="100%" background="img/bg_top.png">
<tr align="center"> <!--使文字在表格中间-->
<td width="300">
<img src="img/logo_s.png"> <!--插入图片-->
</td>
<td><a href=""class="c1">官网设置</a></td> <!--超链接-->
<td><a href=""class="c1">官网设置</a></td>
<td><a href=""class="c1">官网设置</a></td>
<td><a href=""class="c1">官网设置</a></td>
<td><a href=""class="c1">官网设置</a></td>
<td><a href=""class="c1">官网设置</a></td>
<td><a href=""class="c1">官网设置</a></td>
<td width="300"><a href=""class="c2">官网设置</a></td>
</tr>
</table>
<audio src="img/bgm.mp3" autoplay="autoplay" loop="loop"></audio> <!--自动播放MP3；自动播放视频-->
<video src="img/v1.mp4" class="c3" autoplay="autoplay" loop="loop"></video>
<video src="img/v2.mp4" class="c3" autoplay="autoplay" loop="loop"></video>
<video src="img/v3.mp4" class="c3" autoplay="autoplay" loop="loop"></video>
<video src="img/v4.mp4" class="c3" autoplay="autoplay" loop="loop"></video>
<table border="0" height="80" width="100%" background="img/20190320070112-288223315_jpeg_600_800_19479.jpg">
<tr>
<td width="300" align="center">
<img src="img/pubg.jpg"><br><br><br><img src="img/logo_s.png">
</td>
<td width="30" >
<img src="img/gswj.png">
</td>
<td class="c5" align="left">工商网监电子标识 |粤网文[2020]3396-195号|（署）网出证（粤）字第054号
国新出审[2019]1394号|ISBN 978-7-498-06474-5|全国文化市场统一举报电话：********</td>
</tr>
</table>
</body>
</html>
