我的作业网页效果
ffff.png
我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>游戏人物</title>
</head>
<body>
<table border="1" cellpadding="5" align="center" cellspacing="0" >
<tr>
<td rowspan="5" width="100" align="center"><b>王者人物</b></b></td>
<td height="100" align="center" ><b>名字</b></td>
<td height="100" align="center" ><b>图像</b></td>
<td height="100" align="center" ><b>被动</b></td>
<td height="100" align="center" ><b>技能</b></td>
</tr>
<tr>
<td height="400" align="center" width="100" >猪脚亮</td>
<td height="400" align="center" width="300" >
<a href="https://www.bilibili.com/video/BV1UP411i75V/">
<img src="./img/zjl.png"/>
</a>
</td>
<td height="400" align="center" width="100" ><img src="./img/zjl1.png" >诸葛亮可充分利用技能的释放叠加被动,5层时对目标英雄造成一波爆发性伤害,同时被动技能对刷野的的效率也大大提高。</td>
<td height="400" align="center" width="200" ><img src="./img/zjl2.png" width="50">：东风破袭<br>
<img src="./img/zjl3.png" width="50">：时空穿梭<br>
<img src="./img/zjl4.png" width="50">：元气弹<br>
</td>
</tr>
<tr>
<td height="400" align="center" width="100">猴子</td>
<td align="center"height="400" width="300">
<a href="https://www.bilibili.com/video/BV1rG411F75i/?spm_id_from=333.337.search-card.all.click&vd_source=f5388cebc579b7787f6117382dbad9c1">
<img src="./img/hz.png"/>
</a>
</td>
<td height="400" align="center" width="100"><img src="./img/hz1.png" >大圣显威,每放一个技能就能敲出一棍,享受100%的攻击力加成.</td>
<td height="400" align="center" width="200"><img src="./img/hz2.png" width="50">：护身咒法<br>
<img src="./img/hz3.png" width="50">：斗战冲锋<br>
<img src="./img/hz4.png" width="50">：如意金箍<br>
</td>
</tr>
<tr>
<td height="400" align="center" width="100">澜朋友</td>
<td align="center"height="400" width="300">
<a href="https://www.bilibili.com/video/BV17iyDY4Emj/?spm_id_from=333.337.search-card.all.click&vd_source=f5388cebc579b7787f6117382dbad9c1"><img src="./img/l.png"/ width="300"></a>
</td>
<td align="center"height="400" width="100"><img src="./img/l1.png" >澜会将所有生命值低于一定百分比的敌人视作“猎物”，澜对“猎物”会造成额外的真实伤害
澜造成的是“真实伤害”，对坦克英雄有同样效果</td>
<td height="400" align="center" width="200"><img src="./img/l2.png" width="50">：破浪<br>
<img src="./img/l3.png" width="50">：断空<br>
<img src="./img/l4.png" width="50">：处决<br>
</td>
</tr>
<tr>
<td height="400" align="center" width="100">小乔杀手</td>
<td align="center"height="400" width="300">
<a href="https://www.bilibili.com/video/BV1ezyUY2EBZ/?spm_id_from=333.337.search-card.all.click&vd_source=f5388cebc579b7787f6117382dbad9c1"><img src="./img/llw.png"/ width="300"></a>
</td>
<td align="center"height="400" width="100"><img src="./img/llw1.png" >兰陵王朝敌方英雄移动时会增加15%~30%移动速度。</td>
<td height="400" align="center" width="200">
<img src="./img/llw2.png" width="50">；秘技·分身<br>
<img src="./img/llw3.png" width="50">；秘技·影蚀<br>
<img src="./img/llw4.png" width="50">；秘技·暗袭<br>
<img src="./img/llw5.png" width="50">；秘技·隐匿<br>
</td>
</tr>
</table>
<audio autoplay controls src="./1317883390.mp3"></audio>
</body>
</html>
