作业描述
使用表格实现一个网页,介绍游戏中的各位英雄,点击图片可跳转至游戏官方网站,放置视频,放置音频。
网页代码
使用VSCode工具编写代码,如下:
<!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="1"
width="800"
align="center"
cellspacing="0"
cellpadding="10"
>
<tr height="80" >
<td width="200" >类型</td>
<td>图片</td>
<td>英雄名称</td>
<td>被动</td>
<td>大招</td>
<td>视频</td>
</tr>
<tr height="200" >
<td rowspan="3" >射手</td>
<td><a href="https://pvp.qq.com/web201605/herodetail/lubanqihao.shtml">
<img src="./img/lu.jpg" width="300px"height="auto">
</a>
</td>
<td>鲁班七号</td>
<td>鲁班七号第五次普攻或使用技能后的下次普攻会强化为扫射,扫射对敌人造成3次伤害,每次对英雄造成70~140(+4.5%目标最大生命)的物理伤害(每点额外物理攻击提升0.01%),对非英雄单位造成120(+50%物理攻击)物理伤害。</td>
<td>鲁班召唤河豚飞艇向指定方向进行空中支援,支援持续14秒,河豚飞艇可照亮视野且每秒对范围内随机一个敌人投掷炸弹,炸弹会在0.65秒落下,对于目标范围内的敌人造成500/625/750(+75%物理加成)点物理伤害并受到30%的减速,持续1秒。</td>
<td rowspan="6"width="1280px">
<video src="./img/WeChat_20241213185608.mp4"controls></video>
</td>
</tr>
<tr height="200" >
<td>
<a href="https://pvp.qq.com/web201605/herodetail/houyi.shtml">
<img src="./img/hou.jpg" width="300px"height="auto">
</a>
</td>
<td>后羿</td>
<td>后羿普攻命中会累积射击状态,每层增加4%攻速,最多累计3层。3层后进入【惩戒射击】 状态,普攻射出3支箭矢,总共造成原来120%的伤害,状态持续3秒。
期间每次命中会刷新持续时间。
每支箭矢造成50%法球效果。</td>
<td>后羿射出火焰箭,击中敌方英雄时会将其晕眩并引发爆炸对范围内的敌人造成700/1050/1400(+90%物理攻击)物理伤害。
被火焰箭直接命中的敌方英雄将会根据火焰箭的飞行距离晕眩0.75~3.5秒。被火焰箭爆炸溅射到的目标将受到90%减速,持续1秒。</td>
</tr>
<tr height="200" >
<td>
<a href="https://pvp.qq.com/web201605/herodetail/sunshangxiang.shtml">
<img src="./img/sun.jpg" width="300px"height="auto">
</a>
</td>
<td>孙尚香</td>
<td>孙尚香每次普通攻击命中敌人都会减少0.5秒翻滚突袭的冷却时间。</td>
<td>孙尚香蓄力向指定方向发射一枚弩炮,弩炮在触碰敌人或者飞行到最远距离后将发生爆炸,对第一名触碰的敌人造成500/750/1000(+185%物理加成)点物理伤害,对爆破范围内的敌人造成75%伤害。</td>
</tr>
<tr height="200" >
<td rowspan="3" >法师</td>
<td>
<a href="https://pvp.qq.com/web201605/herodetail/xiaoqiao.shtml">
<img src="./img/xiaoqiao.jpg" width="300px"height="auto">
</a>
</td>
<td>小乔</td>
<td>小乔释放技能命中敌人时,会增加25%移动速度,持续2秒</td>
<td>小乔召唤流星并不断向附近的敌人坠落,召唤持续6秒,每颗流星会造成400/500/600(+100%法术加成)点法术伤害,每个敌人最多承受4次攻击,当多颗流星命中同一目标时,从第二颗流星开始将只造成50%伤害。释放期间持续获得被动加速效果。</td>
</tr>
<tr height="200" >
<td>
<a href="https://pvp.qq.com/web201605/herodetail/wangzhaojun.shtml">
<img src="./img/wangzhaojun.jpg" width="300px"height="auto">
</a>
</td>
<td>王昭君</td>
<td>王昭君脱战后获得450~900(+58%法术攻击)点寒冰护盾,对护盾造成物理伤害的目标会被施加冰冷效果。寒冰护盾破裂对附近敌人造成400~800(+75%法术攻击)法术伤害。
王昭君第三次普攻会化为三枚冰锥总共造成180~360(+36%法术攻击)法术伤害。
王昭君使用技能或被动强化普攻对目标造成法术伤害的同时会对其施加冰冷效果。
冰冷效果:减少目标25~50%移速与25~50%攻速,持续2秒,并随时间衰减。</td>
<td>王昭君召唤暴风雪对范围内敌人每次打击造成200/300/400(+35%法术攻击)法术伤害与冰冷效果,持续5秒。
召唤暴风雪时会刷新寒冰护盾。</td>
</tr>
<tr height="200" >
<td>
<a href="https://pvp.qq.com/web201605/herodetail/anqila.shtml">
<img src="./img/anjila.jpeg" width="300px"height="auto">
</a>
</td>
<td>安琪拉</td>
<td>安琪拉的技能会灼烧敌人,每层灼烧效果会在安琪拉使用技能攻击时额外增加8(+2%法术攻击)法术伤害并为自己增加2%移速,效果最多叠加10层,持续3秒,逐层消失。</td>
<td>安琪拉释放炽热光辉,持续3秒,每次对触碰的敌人造成150/190/230(+21%法术攻击)法术伤害,最多12次,并获得850/1300/1750(+88%法术攻击)点护盾,护盾存在期间免控。
施法0.5秒后再次释放该技能可以取消引导。</td>
</tr>
<audio src="./img/王者荣耀 _ Ki_Theory - Evolve (淬炼).ogg"controls></audio>
</table>
</html>