<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=\, initial-scale=1.0">
<title>英雄联盟</title>
<style>
#p1{background-color:rgba(0, 0, 0, 0.164)}
</style>
</head>
<body>
<h1>英雄介绍</h1>
<table border="1" cellpadding="10" cellspacing="0" width="1500" align="center">
<tr id="p1" align="center">
<td>类型</td>
<td>图片</td>
<td>英雄名称</td>
<td>被动</td>
<td>主动</td>
</tr>
<tr align="center">
<td rowspan="3" width="100">ADC</td>
<td width="180"><img src="./images/feiji.png" width="180" height="250"/></td>
<td width="100">库奇</td>
<td>海克斯科技军备:攻击现在会造成15%额外真实伤害,应用于暴击和耀光</td>
<td width="500">磷光炸弹,瓦尔基里俯冲,格林机枪,火箭轰击</td>
</tr>
<tr align="center">
<td width="180"><img src="./images/jks.png" width="180" height="250"/></td>
<td width="100">金克丝</td>
<td>罪恶快感:当金克丝攻击一个目标后,如果该目标在3秒内阵亡或倒塌,金克丝会获得150%可持续衰减的移动速度和15%总攻击速度加成,效果持续6秒</td>
<td>枪炮交响曲,震荡电磁波,嚼火者手雷,超究极死神飞弹</td>
</tr>
<tr align="center">
<td width="180"><img src="./images/ks.png" width="180" height="250"/></td>
<td width="100">卡莎</td>
<td>体表活肤:卡莎的普通攻击会叠加电浆,持续4秒,造成额外4/5/6/7/8/9/10(1/4/8/12/16级时)(+1/2/3/4/5[1/3/6/9/11/14/17级时]每层电浆)(+0.1/0.125/0.15/0.175/0.2AP[1/2/3/4/5层电浆效果时])的魔法伤害。电浆效果达到4层后,卡莎的下一次攻击将会造成电浆破裂,根据敌人已损失的生命值15%(+2.5%/100AP)造成伤害。对野怪的最高伤害为400。友军的定身效果也可以帮忙叠加电浆。此外,卡莎可通过购买装备来升级她的基础技能,让它们拥有更多强大的属性。</td>
<td>艾卡西亚暴雨,虚空索敌,极限超载,猎手本能</td>
</tr>
<tr align="center">
<td rowspan="3" width="100">法师</td>
<td width="180"><img src="./images/yj.png" width="180" height="250"/></td>
<td width="100">乐芙兰</td>
<td>镜花水月:当乐芙兰跌至40%最大生命值以下时,她会隐形1秒并创造一个幻像(不能造成伤害),幻像最多可持续8秒。【镜花水月】可以通过按住alt键的同时使用鼠标右键来控制幻像。</td>
<td>恶意魔印,魔影迷踪,幻影锁链,故技重施</td>
</tr>
<tr align="center">
<td width="180"><img src="./images/al.png" width="180" height="250"/></td>
<td width="100">阿狸</td>
<td>摄魂夺魄:击杀小兵或野怪会为阿狸提供一层【魂魄碎片】。在拥有9个碎片后,阿狸会消耗掉它们来治疗自身35-95 (于1-18级) (+20% 法术强度)生命值。当阿狸参与击杀一名她在3秒内造成过伤害的敌方英雄后,她会享用其魂魄,来治疗自身75-165 (于1-18级) (+30% 法术强度)生命值。</td>
<td>欺诈宝珠,妖异狐火,魅惑妖术,灵魄突袭</td>
</tr>
<tr align="center">
<td width="180"><img src="./images/akl.png" width="180" height="250"/></td>
<td width="100">阿卡丽</td>
<td>我流忍法!潜龙印:当阿卡丽用一个技能命中一名敌方英雄时,她会在其周围显形一个持续4秒的圆环,并在朝着圆环移动时获得40/50/60/70%(1-18级)移动速度。穿过圆环会使阿卡丽的下次攻击拥有双倍距离、造成额外的39~180(1-18级)(+60%*额外AD +50%*AP)魔法伤害。 一旦阿卡丽穿过圆环,她在朝着敌人移动时就会获得移动速度。</td>
<td>我流奥义!寒影,我流奥义!霞阵,我流奥义!隼舞,我流秘奥义!表里杀缭乱</td>
</tr>
<tr align="center">
<td rowspan="3" width="100">辅助</td>
<td width="180"><img src="./images/luo.png" width="180" height="250"/></td>
<td width="100">洛</td>
<td>异色羽裳/情人跃:洛的羽毛每隔40-17(基于英雄等级)秒就会生成保护自己的护盾,护盾可以抵挡33-254(基于英雄等级)(+0.9AP)的伤害,即使是在战斗中。洛可以通过攻击敌方的英雄来缩短护盾的冷却时间1秒。如果洛在回城时,霞可以中途加入。两人能一起携手,华丽地返回泉水。</td>
<td>微光飞翎,盛大登场,轻舞成双,惊鸿过隙</td>
</tr>
<tr align="center">
<td width="180"><img src="./images/slk.png" width="180" height="250"/></td>
<td width="100">索拉卡</td>
<td>救赎:索拉卡在朝着生命值低于40%的友军英雄移动时会获得70%移动速度加成。(该友方英雄与索拉卡的距离必须在2500以内)</td>
<td>流星坠落,星之灌注,星体结界,祈愿</td>
</tr>
<tr align="center">
<td width="180"><img src="./images/fn.png" width="180" height="250"/></td>
<td width="100">娑娜</td>
<td>能量和弦:迦娜的友军在朝她移动时获得6%移动速度。迦娜的普攻和和风守护会附带30%基于等级额外移动速度的额外魔法伤害攻击特效。</td>
<td>飓风呼啸,和风守护,风暴之眼,复苏季风</td>
</tr>
</table>
</body>
</html>
效果显示:

微信截图_20241211090628.png

微信截图_20241211090812.png

微信截图_20241211090820.png
总结:第一次做用了3小时,刚开始对工具不够熟练,对表格标签也不够熟悉,导致做的很慢。后面慢慢熟悉了,现在大概知道表格标签的运用了。虽然现在我不咋的,相信以后会越来越好。