作业标题
使用表格实现一个英雄介绍界面
网页代码
使用VScode工具进行编写，代码如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<audio autoplay loop controls>
<source src="./music/V.A. - 一级警报BGM.mp3" type="audio/mp3">
<source src="./music/V.A. - 一级警报BGM.mp3" type="audio/ogg">
</audio>
<table border="1" width="1125px" height="700px" align="center" cellspacing="0">
<tr>
<td>类型</td>
<td width="250px">图片</td>
<td>英雄名称</td>
<td width="500px">被动</td>
<td width="250px">技能</td>
</tr>
<tr>
<td rowspan="3" width="50px">射手</td>
<td><a href="https://pvp.qq.com/web201605/herodetail/196.shtml" target="_blank"><img src="./img/百里.png" width="250px" height="300px"></a></td>
<td width="75px">百里守约</td>
<td>百里守约无攻击行为1.5秒后,会快速获得伏击效果,最多叠加5层,拥有伏击效果时提升百里守约20%物理穿透和40~80点普攻伤害。每次普攻命中敌方英雄消耗1层伏击,技能命中敌方英雄消耗5层伏击效果。
每增加1%的暴击率,会提升4点狂风之息和2点逃脱的伤害。</td>
<td><ul>
<li>静谧之眼</li>
<li>狂风之息</li>
<li>逃脱</li>
</ul></td>
</tr>
<tr>
<td><a href="https://pvp.qq.com/web201605/herodetail/111.shtml" target="_blank"><img src="./img/孙尚香.png" width="250px" height="300px"></a></td>
<td width="75px">孙尚香</td>
<td>孙尚香每次普通攻击命中敌人都会减少0.5秒翻滚突袭的冷却时间</td>
<td><ul>
<li>翻滚突袭</li>
<li>红莲爆弹</li>
<li>究极弩炮</li>
</ul></td>
</tr>
<tr>
<td><a href="https://pvp.qq.com/web201605/herodetail/132.shtml" target="_blank"><img src="./img/马可.png" width="250px" height="300px"></a></td>
<td width="75px">马可波罗</td>
<td>马可波罗的每次普攻与技能伤害会给目标附加1层防御破坏效果(对小兵为5层),达到10层后回复30点能量,同时目标触发防御破坏效果。 防御破坏期间目标每次受到马可波罗的伤害都会额外受到40( +35%物理攻击)真实伤害(该伤害可以暴击),持续5秒。马可波罗的技能伤害仅享受50%的法球加成。</td>
<td><ul>
<li>华丽左轮</li>
<li>漫游之枪</li>
<li>狂热弹幕</li>
</ul></td>
</tr>
<tr>
<td rowspan="3">战士</td>
<td><a href="https://pvp.qq.com/web201605/herodetail/129.shtml" target="_blank"><img src="./img/典韦.png" width="250px" height="300px"></a></td>
<td width="75px">典韦</td>
<td>典韦的所有技能均可解控,每次成功解控会获得激怒效果,提升自身的物理攻击和攻击距离,持续6秒,最多叠加6层。
激怒:每层提供15~29点物理攻击和35点攻击距离。
解除硬控叠加2层,解除软控叠加1层</td>
<td><ul>
<li>红眼</li>
<li>狂暴</li>
<li>嗜血</li>
</ul></td>
</tr>
<tr>
<td><a href="https://pvp.qq.com/web201605/herodetail/193.shtml" target="_blank"><img src="./img/凯.png" width="250px" height="300px"></a></td>
<td width="75px">凯</td>
<td>铠的普攻和【极刃风暴】只命中一个目标时将会额外造成50%伤害。</td>
<td><ul>
<li>回旋之刃</li>
<li>极刃风暴</li>
<li>不灭魔躯</li>
</ul></td>
</tr>
<tr>
<td><a href="https://pvp.qq.com/web201605/herodetail/123.shtml" target="_blank"><img src="./img/吕布.png" width="250px" height="300px"></a></td>
<td width="75px">吕布</td>
<td>吕布挥斩方天画戟的技能命中敌方英雄后会给武器附魔,持续8秒。方天画戟在附魔状态下普攻和技能都会造成等额的真实伤害,未附魔状态下的普攻和技能附带30%物理穿透。
附魔状态下,吕布每次普攻命中敌人,回复65~130(+1.25%额外生命值)生命。</td>
<td><ul>
<li>方天画斩</li>
<li>贪狼之握</li>
<li>魔神降世</li>
</ul></td>
</tr>
<tr>
<td rowspan="3">法师</td>
<td><a href="https://pvp.qq.com/web201605/herodetail/106.shtml" target="_blank"><img src="./img/小乔.png" width="250px" height="300px"></a></td>
<td width="75px">小乔</td>
<td>被动：小乔释放技能命中敌人时,会增加25%移动速度,持续2秒</td>
<td><ul>
<li>绽放之舞</li>
<li>甜蜜恋风</li>
<li>星华缭乱</li>
</ul></td>
</tr>
<tr>
<td><a href="https://pvp.qq.com/web201605/herodetail/152.shtml" target="_blank"><img src="./img/王昭君.png" width="250px" height="300px"></a></td>
<td width="75px">王昭君</td>
<td >王昭君脱战后获得450~900(+58%法术攻击)点寒冰护盾,对护盾造成物理伤害的目标会被施加冰冷效果。寒冰护盾破裂对附近敌人造成400~800(+75%法术攻击)法术伤害。
王昭君第三次普攻会化为三枚冰锥总共造成180~360(+36%法术攻击)法术伤害。
王昭君使用技能或被动强化普攻对目标造成法术伤害的同时会对其施加冰冷效果。
冰冷效果:减少目标25~50%移速与25~50%攻速,持续2秒,并随时间衰减。</td>
<td><ul>
<li>凋零冰晶</li>
<li>禁锢寒霜</li>
<li>凛冬已至</li>
</ul></td>
</tr>
<tr>
<td><a href="https://pvp.qq.com/web201605/herodetail/156.shtml" target="_blank"><img src="./img/张良.png" width="250px" height="300px"></a></td>
<td width="75px">张良</td>
<td>张良对任一敌人造成的相邻两次普攻或技能伤害的时间间隔若小于1.5秒，这两次伤害的间隔时间被视为“连续攻击状态”,该状态每积累满1.2秒,会使该敌人额外承受100(+50%法术加成)点真实伤害,该伤害随英雄等级每级成长10点。</td>
<td><ul>
<li>言灵·壁垒</li>
<li>言灵·命数</li>
<li>言灵·操纵</li>
</ul></td>
</tr>
</table>
</body>
</html>