作业分析
本次要用table表格标签编写如下的效果
屏幕截图 2024-12-13 175241.png
屏幕截图 2024-12-13 175256.png
代码实现
使用html标签代码实现
<!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="10" cellspacing="0" width="1500" align="center">
<tr align="center">
<td>类型</td>
<td>图片</td>
<td>英雄名称</td>
<td>被动</td>
<td>技能</td>
</tr>
<tr align="center">
<td rowspan="3" width="100">法师</td>
<td width="180"><img src="./img/diaochan.png" width="180" height="250"></td>
<td width="100">貂蝉</td>
<td>语花印:当貂蝉的技能命中敌人时，会在敌人身上叠加一层花之印记，该印记持续8秒。当印记叠加到4层时，会触发效果，貂蝉回复120点生命，同时对周围敌人造成180点真实伤害并减少其50%移动速度，持续1秒。</td>
<td>一技能“落·红雨”、二技能“缘·心结”和三技能“绽·风华”</td>
</tr>
<tr align="center">
<td width="180"><img src="./img/xishi.jpg" width="180" height="250"></td>
<td width="100">西施</td>
<td>织梦成丝:当西施释放技能时，会在敌人身上留下丝线，这些丝线会持续造成伤害并减少敌人的移动速度。这个技能是西施的主要输出手段之一，同时也是她控制敌人的关键技能。此外，西施的被动技能还有一个特点，即技能伤害会随着她与敌人之间的距离增加而增加，最多可以提升40%的伤害。</td>
<td>一技能：纱缚之印、二技能：幻纱之灵、三技能：心无旁骛</td>
</tr>
<tr align="center">
<td width="180"><img src="./img/zhenji.webp" width="180" height="250"></td>
<td width="100">甄姬</td>
<td>凝泪成冰:每次技能伤害都会对敌人叠加冰冻印记，持续7秒，叠满3层后会造成法术伤害并且冰冻1秒</td>
<td>一技能：泪如泉涌、二技能：叹息水流、三技能：洛神降临</td>
</tr>
<tr align="center">
<td rowspan="3" width="100">射手</td>
<td width="180"><img src="./img/gongsunli.png" width="180" height="250"></td>
<td width="100">公孙离</td>
<td>晚云落：公孙离的普通攻击能在目标身上叠加印记，每四层印记可以造成一次爆炸，爆炸会对周围敌人造成伤害，并减少所有技能的冷却时间。</td>
<td>一技能：飞燕回旋、二技能：霜叶舞、三技能：孤鹜断霞</td>
</tr>
<tr align="center">
<td width="180"><img src="./img/ailin.webp" width="180" height="250"></td>
<td width="100">艾琳</td>
<td>精灵舞蹈：强化普攻并增加位移。</td>
<td>一技能：叶舞•致意、二技能：旋舞•轻语、三技能：月桂之舞•盛放</td>
</tr>
<tr align="center">
<td width="180"><img src="./img/jialuo.webp" width="180" height="250"></td>
<td width="100">伽罗</td>
<td>破魔之箭：该技能的效果是伽罗的所有伤害都会优先对目标的护盾造成等额伤害1。这意味着如果敌人的护盾被打破，伽罗的攻击将直接对敌人造成伤害，而不是被护盾吸收。这个被动技能使得伽罗在对抗那些依赖护盾的英雄时非常有效。</td>
<td>一技能：渡灵之箭、二技能：静默之箭、三技能：纯净之域</td>
</tr>
</table>
</body>
</html>
个人总结
第一次接触编写表格标签很不熟练，要重复观看笔记和视频才可以做，希望自己的技术越来越强，制作更多作品。
