作业分析
本次要使用table表格标签编写如下的效果
代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>英雄联盟KDA女团介绍</title>
</head>
<body>
<table border="1" cellpadding="20" cellspacing="0" width="1200">
<tr>
<th style="width:50px">位置</th>
<th style="width:100px">英雄名称</th>
<th>图片展示</th>
<th>被动</th>
<th>主动</th>
</tr>
<tr height="200">
<th>射手</th>
<th>卡莎</th>
<th><img width="150" height="200" src="img/91288e4a1d30aebd5fc7d5f5605c85b6.jpeg"></th>
<th>被动技能:体表活肤 卡莎的普通攻击会给目标施加一层持续4秒的电浆效果,造成额外魔法伤害。当电浆层数达到4层时,普通攻击会引发电浆爆炸,造成目标已损失生命值15-20%的额外伤害。友军在定身敌方英雄时也会施加一层电浆效果</th>
<th>Q技能:艾卡西亚暴雨
卡莎发射6发飞弹,对附近的敌人造成物理伤害。如果命中同一目标,后续飞弹的伤害会降低。对生命值低于35%的小兵造成双倍伤害。进化后,飞弹数量增加到12发,进一步增强伤害
W技能:虚空索敌
卡莎发射一道虚空振波,命中第一个敌人造成魔法伤害并施加两层电浆效果。进化后,施加三层电浆效果,并在命中敌方英雄时返还77%的冷却时间
E技能:超级充能
卡莎进行1.5秒充能,提高移动速度并在充能结束后获得高额攻速加成。进化后,充能开始时会隐身0.5秒,并且普通攻击会减少E技能的冷却时间
R技能:杀手本能
卡莎高速冲向带有电浆效果的敌方英雄,造成物理伤害并施加一层电浆效果。这个技能使得卡莎能够快速接近敌人并进行攻击</th>
</tr>
<tr height="200">
<th rowspan="2">法师</th>
<th>阿狸</th>
<th><img width="150" height="200" src="img/a91f8f6ccfdc50c607261fefdd975be7.jpeg"></th>
<th>被动技能:摄魂夺魄 击杀小兵或野怪会为阿狸提供一层魂魄碎片。拥有9个碎片后,阿狸可以消耗它们来治疗自身生命值。参与击杀敌方英雄后,她会享用其魂魄来治疗自身</th>
<th>Q技能:欺诈宝珠:阿狸投出并收回宝珠,对敌人造成魔法伤害和真实伤害
W技能:妖异狐火:阿狸释放三团狐火追踪附近的敌人并造成魔法伤害。狐火的优先攻击目标是被魅惑妖术命中的英雄和被阿狸攻击过的敌人
E技能:魅惑妖术:阿狸魅惑命中的首个敌人,使其朝阿狸移动并中断其位移
R技能:灵魄突袭:阿狸进行三次快速突进,并对附近的敌人发射灵魄弹,造成魔法伤害。在15秒内可以再次施放至多两次</th>
</tr>
<tr height="200">
<th>阿卡丽</th>
<th><img width="150" height="200" src="img/0865e034c7ebbf669d85050919b4b0d0.jpg"></th>
<th>被动技能:我流忍法!潜龙印 对一个英雄造成技能伤害时,会在其周围创造一个能量圆环。穿过该圆环时,会增强阿卡丽的下一个普攻的距离和伤害</th>
<th>Q技能:我流奥义!寒影。掷出五枚苦无,基于她的额外攻击力和法术强度来造成伤害,并造成减速效果
W技能:我流奥义!霞阵。扔下一颗烟幕弹,阿卡丽在烟幕内时变为隐形状态并且不会被敌方的技能和攻击选为目标,获得移动速度。攻击或使用技能将暂时使她显形
E技能:我流奥义!隼舞。进行后空翻并向前掷出一枚手里剑,造成物理伤害并标记命中的第一个敌人或【我流奥义!霞阵】。再次施放可突进至被标记的目标处,并造成额外伤害
R技能:我流秘奥义!表里杀缭乱。朝着一个方向跃出,伤害被她击中的敌人。再次施放时,阿卡丽朝着一个方向突进,处决所有被她击中的敌人</th>
</tr>
<tr height="200">
<th>刺客</th>
<th>伊芙琳</th>
<th><img width="150" height="200" src="img/c12020457cb5c6962e356f06c62fbbd2.jpg"></th>
<th>被动技能:恶影 伊芙琳在脱战后进入恶影状态,低血量时会回复生命值。5级后,恶影状态还能赋予伊芙琳伪装效果,使敌人无法发现她,便于抓人和gank</th>
<th>Q技能:憎恨之刺
伊芙琳向前方发射一枚尖刺,对命中的第一名敌人造成伤害并标记,接下来的三次普攻或技能会对标记目标造成额外伤害。如果目标是野怪,则会大量返还冷却时间。该技能可以重置,使得伊芙琳在对拼和抓人时可以不断施放,打出高额伤害。
W技能:欲望红尘
伊芙琳诅咒一个目标,诅咒后进行攻击会决定是减速还是魅惑。魅惑时如果目标是英雄则会减少其魔抗,为野怪则会造成伤害。这个技能是伊芙琳唯一的控制技能,用于gank和黏住敌人
E技能:鞭笞 & 强化鞭笞
常态下,伊芙琳背刺对手造成伤害并提高自己的移速。在恶影状态下,她会突进到目标身上并对路径上的敌人造成伤害。这个技能与W技能联动性强,用于黏住对手
R技能:最终抚慰(痛苦之拥)
伊芙琳释放恶魔能量,进入无法选定的状态,对前方半圆形区域内的敌人造成斩杀伤害并瞬移至后方。该技能用于打伤害、躲技能和逃跑,尤其适合在敌人残血时施放</th>
</tr>
</table>
</body>
</html>
个人总结
本次作业适用table标签编写了游戏英雄的介绍,让我们对table的使用更为熟悉,提高了我们的编写能力