作业分析
本次要使用table表格标签编写如下的效果

image.png
代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<title>小猫汉堡</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3 style="color:rgba(255, 0, 72, 0.954);"><marquee>王者荣耀牢九门之上三门</marquee></h3>
<table style="color: rgb(37, 58, 111);" border="2" cellpadding="0" cellspacing="0" width="800" align="center" >
<tr bgcolor="red">
<th width="50" >类型</th>
<th width="150">图片</th>
<th width="50">英雄名称</th>
<td width="150">被动</th>
<td>技能</th>
</tr>
<tr>
<td rowspan="3">牢九门之上三门</td>
<td>
<img width="400px" height="500px" src="https://i2.hdslb.com/bfs/archive/6266abe98a15020edd9305210bc9b020d274f4d0.jpg">
</td>
<td >牢茧</td>
<td>被动技能叫做“神智侵蚀”其效果是ml-search[杨戬]附近的每个敌方英雄都会减少杨戬20%所受控制效果的持续时间最多可以减少60%的控制时间。
具体来说.当杨戬身边有1个敌方英雄时.他会减少20%的控制效果持续时间.如果有2个敌方英雄.则减少40%.以此类推.最多可以减少60%的控制时间。这意味着在团战中.如果杨戬周围有多个敌人.他的控制抗性会显著提升.从而减少被控制的时间。
这个被动技能使得杨戬在对抗控制型英雄时更加灵活,能够在复杂的战斗环境中保持较高的生存能力和反制能力。</td>
<td>被动技能“神智侵蚀”、一技能“逆转乾坤”、二技能“虚妄破灭”和三技能“根源之目”。</td>
</tr>
<tr>
<!-- <td>牢九门之上三门</td> -->
<td>
<img width="400px" height="500px" src="https://i1.hdslb.com/bfs/archive/4bdbcab11f86157c00c71c234f1c15fab72cfb7f.jpg">
</td>
<td>牢布</td>
<td>附魔状态:吕布的武器在命中敌方英雄后会进入附魔状态.持续8秒。在附魔状态下.吕布的普攻会造成真实伤害并回复自身生命值</td>
<td>1技能吕布向前挥斩方天画戟.造成物理伤害。如果命中敌方英雄.则会附魔武器.附魔后的普攻和技能会造成真实伤害.并且每次命中敌方英雄都会回复生命值。
技能吕布向前方释放魂灵.对敌人造成减速效果并吸取魂灵来获得护盾。每个魂灵都会为吕布增加护盾.护盾可以转化为生命值.最高可叠加三层。
魔神降世吕布跳跃至指定位置并展开杀戮场.对范围内的敌人造成击飞和伤害。在杀戮场内.吕布会获得额外的物理和法术防御.触碰场边敌人的会受到伤害和减速效果。
</td>
</tr>
<tr>
<!-- <td>牢九门之上三门</td> -->
<td>
<img width="400px" height="500px" src="https://img.duotegame.com/article/contents/2024/01/26/2024012652029820.png">
</td>
<td>牢大</td>
<td>被动技能“天雷引”的具体效果如下:
普攻效果.司空震的普通攻击会造成法术伤害.近距离攻击为近战攻击.攻击间隔降低。每次普攻可以获得1点“天雷之力”.最多可以积累6点。当达到6点时.可以引动天雷,获得一次额外释放基础技能的机会</td>
<td>一技能:奔雷疾
司空震化身为电光向前突进,对路径上的敌人造成法术伤害。
二技能:狂雷击
召唤球状闪电,触碰英雄后爆炸,造成击退和法术伤害。距离越近击退越远。
三技能:雷霆万钧</td>
</tr>
</table>
</body>
</html>
</tr>
</tr>
</body>
</html>
'''
个人总结
第一次table表格标签编感觉intersting