<!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>
