代码：
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#p1{background-color:rgb(204, 206, 207);}
#p2{background-color:rgb(155, 224, 247)}
#p3{font-size:50px;}
</style>
</head>
<body>
<h1 id="p3"><b>《罗小黑战记》</b></h1>
<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"><br>
<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><img src="../images/微信图片_20241210232554.jpg" width="260px height=200px"></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><img src="../images/微信图片_20241211152326.jpg" width="255px" height="200px"</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>
操作后我学会的技能：
1.如何创建表格；
2.插入图片以及设置字体的颜色和大小；
3.如何由图片跳转到指定网页；收获了很多
