作业分析
本次要使用table表格标签编写如下效果
image.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 width="1000" cellspacing="0" align="center">
<thead>
<tr>
<th>类型</th>
<th>英雄图片</th>
<th>名称</th>
<th>技能介绍</th>
</tr>
</thead>
<tbody>
<tr height="100">
<td width="200" rowspan="3">射手</td>
<td><img width="500" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.EP4AS54KLgZ-tjOoeBJhegHaES?w=229&h=180&c=7&r=0&o=5&dpr=2&pid=1.7" alt=""></td>
<td>百里守约</td>
<td width="500">瞄准、静谧之眼、狂风之息、逃脱。被动技能：百里守约的普通攻击会造成190%物理加成点物理伤害，但攻击技能更长且无法暴击</td>
</tr>
<tr height="100">
<td><img width="500" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.7e-2CExN5CajfOA3Hovs6QHaDx?w=329&h=178&c=7&r=0&o=5&dpr=2&pid=1.7"></td>
<td>敖隐</td>
<td>敖隐使用技能会叠加一层龙魂印记，最多3层，敖隐的下一次普攻会消耗所有印记，驱使龙魂冲击目标，每消耗一层印记则多攻击一次。 强化普攻会根据主剑指的龙魂属性的区别附带不同的效果。 被多条龙魂攻击时，后续的龙魂只造成50%。 切换元素时，优先保留相同元素龙魂。</td>
</tr>
<tr height="100">
<td><img width="500" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.pyUnD5E3QaWd8oPcdgH4KwHaEK?w=258&h=180&c=7&r=0&o=5&dpr=2&pid=1.7"></td>
<td>马可波罗</td>
<td>马可波罗的一技能是华丽左轮。使用这个技能，马可波罗会向指定方向连续射击并加速，每一枪造成的物理伤害都能触发普攻的法球效果并可以暴击，命中回复能量，额外攻击速度会影响技能射出的子弹数目，攻速越高子弹数越高。马可波罗的技能伤害仅享受50%的法球加成。这次一技能调整属于平衡，对马可波罗的单人对线强度影响不大。</td>
</tr>
<tr height="100">
<td width="200" rowspan="3">坦克</td>
<td><img width="500" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.1wfR3TNOZ0F4rE0P9fbaSgHaEK?w=333&h=187&c=7&r=0&o=5&dpr=2&pid=1.7"></td>
<td>吕布</td>
<td>吕布的一技能拥有强大的真实伤害，在战斗中可以凭借着一己之力为队友抗下敌人大量的输出，同时吕布在真实伤害的状态下，能够对敌人造成极高的伤害。</td>
</tr>
<tr height="100">
<td><img width="500" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.GEiSzLR66W9AJPT-i4U-FAHaFH?w=246&h=180&c=7&r=0&o=5&dpr=2&pid=1.7"></td>
<td>亚连</td>
<td>亚连是王者荣耀中的新英雄，拥有两种属性剑：物理伤害剑（蓝色）和法术伤害剑（红色）。她的普通攻击有四段剑气，前三段相同，第四段可以交替使用两把剑，造成真实伤害。亚连的蓝条值是能量格子，通过释放技能命中对手来增加能量值和叠加印记效果。她的技能包括被动技能“剑啸”、一技能“流星斩”、二技能“逐月闪”和三技能“落日斩”。</td>
</tr>
<tr>
<td><img width="500" src="https://tse1-mm.cn.bing.net/th/id/OIP-C.J8UrhqIvADv9L9kCqwEr4wHaEL?w=302&h=180&c=7&r=0&o=5&dpr=2&pid=1.7"></td>
<td>李信</td>
<td>被动：命中敌人能获得额外经验值。
狂暴利刃：普攻造成两段伤害，第一段70%物理伤害，第二段90～300点物理伤害，增加30点移速。
辉耀利刃：技能后的下一次普攻距离提升并额外造成50%伤害，强化普攻或技能命中敌人减少1秒冷却时间。
大招：解放黑暗复仇的力量，改变战斗形态至狂暴或统御形态</td>
</tr>
<tr height="100">
<td width="200" rowspan="3">法师</td>
<td><img width="500" src="https://tse2-mm.cn.bing.net/th/id/OIP-C.MiSREkhN2eO2jpwvXT9rLwHaEK?w=261&h=180&c=7&r=0&o=5&dpr=2&pid=1.7"></td>
<td>女娲</td>
<td>被动技能：女娲每升一级提升自身视野范围和普攻与技能释放范围。女娲的技能命中敌方英雄会被标记，使得友军对标记目标造成的伤害，能够直接增加友军移动速度和生命回复。
技能指导：女娲的技能伤害会标记目标，使得友军对目标造成的伤害，能够在持续时间内增加友军的生命回复与移动速度，这个效果对于每个攻击者每隔一段时间只能触发一次。</td>
</tr>
<tr height="100">
<td><img width="500" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.yWNOiGlAF6-R_sYseqIeOAHaDx?w=286&h=178&c=7&r=0&o=5&dpr=2&pid=1.7"></td>
<td>王昭君</td>
<td>冰封之心（被动）：对冰冻的敌人造成额外法术伤害。
凋零冰晶：操控碎裂冰晶，对范围内的敌军造成法术伤害与减速。
禁锢寒霜：引领寒霜之力，一定时间后将范围内敌人冰冻并造成法术伤害</td>
</tr>
<tr height="100">
<td><img width="500" height="300" src="https://ts1.cn.mm.bing.net/th?id=OIP-C.BPHr6iCxMTuCe-ywWonkiwHaNK&w=187&h=333&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2"></td>
<td>貂蝉</td>
<td>貂蝉是王者荣耀中的一个法师英雄，拥有高爆发和高机动性的技能。她的一技能可以进行快速位移，对敌人造成伤害；二技能则是一个范围伤害技能，可以减速敌人；大招则是貂蝉的核心，它不仅伤害高，还能造成控制效果1。玩貂蝉需要注意取消技能后摇，利用二技能跳墙或卡墙，重置塔伤，走位等技巧，以提高输出和生存能力。</td>
</tr>
<tr height="100">
<td width="200">刺客</td>
<td><img width="500" src="https://ts3.cn.mm.bing.net/th?id=OIP-C.2ZQCkP_EZLCxGXuk-i3GWgHaFD&w=302&h=206&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2"></td>
<td>韩信</td>
<td>韩信的技能介绍如下：韩信持枪向指定目标周围发起冲锋，冲锋会对范围内目标造成300/320/340/360/380/400（+55％物理加成）点物理伤害并将范围内敌人击飞0.8秒；冲锋后5秒内可发动第二次冲锋，但不会击飞敌人。韩信的被动技能能增加50%的攻击速度，且第四次普通攻击挑飞敌人，具有短CD的控制效果。</td>
</tr>
<tr height="100">
<td width="200">战士</td>
<td><img width="500" src="https://ts2.cn.mm.bing.net/th?id=OIP-C.34q1giSaZSUprsYImOQMZwHaEr&w=314&h=198&c=8&rs=1&qlt=90&o=6&dpr=2&pid=3.1&rm=2"></td>
<td>司空震</td>
<td>司空震向前释放出一道狂雷之力，达到最大射程，或触碰到单位短暂延迟后爆炸，造成击退和250/300/350/400/450/500 (+30%法术攻击)法术伤害。 离司空震距离越近的单位被击退得越远。 司空震升入空中，化身为雷霆之王。 变身过程持续1.5秒，期间获得霸体，增加30%移动速度，无视地形阻挡，并让五个雷鼓依次随机轰击附近敌人（优先英雄）。</td>
</tr>
</tbody>
</table>
</body>
</html>
个人总结
本次使用table表格标签编写王者英雄介绍网页
