web第一次作业

王者荣耀部分英雄表格

效果如下


微信图片_20241215113642.png

微信图片_20241215113650.png

代码展示

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王者荣耀</title>
</head>
<body>
    <audio src="./musics/Thomas Parisch _ Miles Hankins - 王者归歌.ogg" 
    controls="controls"
    autoplay="autoplay"
    loop="loop"></audio>
<table 
border="1"
align="center"
cellpadding="1"
cellspacing="0">
<tr bgcolor="red">
    <td align="center">职位</td>
    <td align="center">图片</td>
    <td align="center" width="100">英雄名称</td>
    <td align="center">动作</td>
    <td align="center">被动</td>
    <td align="center"width="100">技能</td>
</tr>
<tr> 
    <td rowspan="3">战士<br></td>
    <td>
        <a id="a1" href="https://pvp.qq.com/zlkdatasys/ip/hero/503.html"target="_blank">
        <img src="./images/微信截图_20241210160603.png"width="200"hetight="600"></a>
    </td>
    <td align="center"><i>狂铁</i></td>
    <td>
    <video controls
     width="650"height="200">
         <source src="./videos/WeChat_20241213210456.mp4">
    </video>
    </td>
    <td>普攻和未被强化的技能命中敌人时会为自己的<u>武器充能</u>。<br>
        充能>=30,每次普攻附带50的物理伤害,并<u>恢复60+1.5%最大生命值点生命值</u>,<br>
        且技能会获得不同的强化效果,不会因击中敌人而获取能量。
    </td>
    <td>碎裂之刃、<br>
        强袭风暴、<br>力场压制</td>
</tr>
<tr>
    <td>
        <a id="a2" href="https://pvp.qq.com/zlkdatasys/ip/hero/134.html"target="_blank">
        <img src="./images/微信截图_20241210162231.png"width="200"height="235"></a>
    </td>
    <td  align="center"><i>达摩</i></td>
    <td>
        <video controls
         width="650"height="200">
            <source src="./videos/WeChat_20241213210431.mp4">
        </video>
    </td>
    <td>达摩释放技能获得真言护体,<u>增加30点物理防御和30点法术防御,持续五秒,最多叠加三层</u>。<br>
    达摩释放一三技能后获得一次强化普攻(若命中目标再额外获得一次),<br>
    强普额外造成28+30%额外物理伤害,并对目标造成30%的额外减速效果,持续两秒。</td>
    <td>真言.无相、<br>真言.明王、<br>真言.普渡</td>
</tr>

<tr>
    <td>
        <a id="a3" href="https://pvp.qq.com/zlkdatasys/ip/hero/178.html"target="_blank">
            <img src="./images/微信截图_20241210194726.png"width="200"height="235"></a>
        
    </td>
    <td align="center"><i>杨戬</i></td>
    <td>
        <video controls
        width="650"height="200">
            <source src="./videos/WeChat_20241213210532.mp4">
         </video>
    </td>
    <td>周围每个敌方英雄<U>减少杨戬20%受控时间,最多减少60%</U>。</td>
    <td>逆转乾坤、<br>虚妄破灭、<br>根源之目</td> 
</tr>
<tr>
    <td rowspan="3">射手</td>
   <td>
    <a id="a4" href="https://pvp.qq.com/zlkdatasys/ip/hero/112.html"target="_blank">
        <img src="./images/微信截图_20241211132909.png"width="201"></a>
    </td>
    <td align="center"><i>鲁班七号</i></td>
    <td>
        <video controls
        width="650"height="200">
            <source src="./videos/WeChat_20241213210525.mp4">
        </video>
    </td>
    <td>鲁班七号第五次强化普攻会强化为扫射,扫射对敌人造成<u>三次伤害</u><br>
        每次对造成70~140+4.5%最大生命值的物理伤害(每点额外物理攻击提升0.01%)<br>
        对非英雄单位造成120+50%物理伤害。</td>
    <td>河豚手雷、<br>无敌鲨嘴炮、<br>空中支援</td>
</tr>
<tr>
    <td>
       <a id="a5" href="https://pvp.qq.com/zlkdatasys/ip/hero/196.html" target="_blank">
       <img src="./images/微信截图_20241211135237.png"width="201"height="250"></a>
    </td>
    <td align="center"><i>百里守约</i></td>
    <td>
        <video controls
        width="650"height="200">
            <source src="./videos/12月13日.mp4">
        </video>
    </td>
    <td>百里守约无攻击行为1.5秒后,会快速获得伏击效果,最多叠加五层,<br>
        拥有伏击效果时提升百里守约20%物理穿透和40~80点普攻伤害<br>
        每次普攻命中敌人消耗一层伏击,技能命中消耗五层伏击效果。<br>
        <u>【瞄准】:每增加1%的暴击率,会提升4点狂风之息和2点逃脱的伤害。</u> </td>
    <td>静谧之眼、<br>狂风之息、<br>逃脱</td>
</tr>
<tr>
     <td>
        <a id="a6" href="https://pvp.qq.com/zlkdatasys/ip/hero/545.html"target="_blank">
        <img src="./images/微信截图_20241211135802.png"width="201"height="250"></a>
     </td>
     <td align="center"><i>莱西奥</i></td>
     <td>
        <video controls
        width="650"height="200">
            <source src="./videos/WeChat_20241213210503.mp4">
        </video>
    </td>
        <td>普攻发射的炮弹具有范围攻击效果,<u>并且造成1%目标最大生命伤害<BR>在地面攻击时炮弹可被敌人抵挡</u>。</td>
     <td>限定版强化弹、<br>传奇英雄登场、<br>日落海烟花秀</td>
</tr>
</table>
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • #作业分析 本次要使用table表格标签编写如下效果 #代码实现 使用html标签代码实现 ...html <!D...
    W_2848阅读 120评论 0 0
  • 作业分析要使用table表格标签编写如下的效果 代码实现使用html标签代码实现<!DOCTYPE html> ...
    秀禾服佛阅读 49评论 0 0
  • 作业分析 本次作业要使用table表格标签编写如下的效果 代码实现 <!DOCTYPE html> les...
    记忆终为空阅读 114评论 0 1
  • 作业分析 本次要使用table表格标签编写如下效果 代码实现 使用html标签代码实现 个人总结 本次使用tabl...
    木兮_1090阅读 128评论 0 1
  • #本次要使用的table表格标签编写如下效果 #代码实现 使用html标签代码 <!DOCTYPE html> ...
    画梅阅读 75评论 0 1

友情链接更多精彩内容