<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 id="p3"><b>《罗小黑战记》</b></h1><audio autoplay src="../music/雨是神的烟花-初月.mp3" loop preload="auto" controls></audio>
<table border="1" cellspacing="0"cellpadding="10" width="1000">
<tr align="center">
<td width="300" id="p1">阵营</td>
<td id="p1">图片<br>
<a href="https://weibo.com/u/2019071187" id="p1">传送</a></td>
<td width="50" id="p1">人物</td>
<td width="200" id="p1">技能</td>
<td width="100" id="p1">种族</td>
</tr>-
<tr align="center">
<td rowspan="5" id="p3">妖灵会馆</td>
<td><a href="https://weibo.com/u/2019071187">
<img src="../images/微信图片_20241210215449.jpg" width="260px heigt=200px"></a></td>
<td>小黑</td>
<td><ul><li>空间系·领域</li><br>
<li>空间系·传送</li><br>
<li>御灵系·金</li></td>
<td>妖精/猫</td>
</tr>
<tr align="center">
<td><video src="../videos/WeChat_20241212192630.mp4" preload="auto" autoplay muted controls loop width="260px" height="200px"></video>
</td>
<td>无限</td>
<td><ul><li>空间系·吞噬</li><br>
<li>御灵系·金</li></ul></td>
<td>人类</td>
</tr>
<tr align="center">
<td><img src="../images/微信图片_20241211120206.jpg" width="260px" heigt="200px"</td>
<td>若水</td>
<td><ul><li>锁御系·制灵</li><br>
<li>强化系·巨力</li></ul></td>
<td>妖精/狐狸</td>
</tr>
<tr align="center">
<td><img src="../images/微信图片_20241211120158.jpg" width="260px" height="220px"</td>
<td>哪吒</td>
<td><ul><li>御灵系·火</li><br>
<li>生灵系·幻化</li><br>
<li>锁御系·灵御</li><br>
<li>傲娇系·臭屁</li></ul></td>
<td>妖精/曾经的四大妖王之一</td>
</tr>
<tr align="center">
<td><img src="../images/微信图片_20241211120138.jpg" width="260px" heght="200px"</td>
<td>鸠老</td>
<td><ul><li>生灵系·洞察</li><br>
<li>造物系·仿生</li><br>
<li>强化系·凌荆</li></ul></td>
<td>妖精/未知</td>
</tr>
<tr align="center">
<td rowspan="3" id="p3">中立</td>
<td><img src="../images/微信图片_20241211120143.jpg" width="260px" height="200px"</td>
<td>画虎</td>
<td><ol><li>生灵系·画灵</li><br>
<li>造物系·画灵</li></ol></td>
<td>妖精/松鼠</td>
</tr>
<tr align="center">
<td><img src="../images/微信图片_20241211120214.jpg" width="245px" height="200px"</td>
<td>闵先生</td>
<td>生灵系·薄音</td>
<td>人类</td>
</tr>
<tr align="center">
<td>
<video src="../videos/WeChat_20241212192803.mp4" autoplay loop controls muted preload="auto" width="260px" height="200px"></video>
</td>
<td>涅帕</td>
<td>御灵系·火</td>
<td>妖精/食人</td>
</tr>
<tr align="center">
<td rowspan="4" id="p3">风息阵营</td>
<td><img src="../images/微信图片_20241211120210.jpg" width="245px" height="220px" ></td>
<td>风息</td>
<td><ul><li>御灵系·木</li><br>
<li>生灵系·豪夺</li></ul></td>
<td>妖精/长鬓豹</td>
</tr>
<tr align="center">
<td><img src="../images/微信图片_20241211120202.jpg" width="245px" height="220px"></td>
<td>虚淮</td>
<td>御灵系·冰</td>
<td>妖精/未知</td>
</tr>
<tr align="center">
<td><img src="../images/微信图片_20241211120147.jpg" width="245px" height="220px"></td>
<td>洛竹</td>
<td>御灵系·木</td>
<td>妖精/未知</td>
</tr>
<tr align="center">
<td><img src="../images/微信图片_20241211120153.jpg" width="260px"height="200px"</td>
<td>天虎</td>
<td>御灵系·火</td>
<td>妖精/老虎</td>
</tr>
</table>
</body>
</html>
图片展示
屏幕截图 2024-12-26 143636.png
操作后的体会
1.如何插入视频以及如何设置视频的大小
2.学会如何使视频居于页面中间
3.如何插入音频，并设置音频的调节速率
