WEB第一次作业

作业描述

使用表格写一个网页,介绍游戏中的各位英雄,效果如下

{6CE6C17C-DAB5-42A6-99FC-C1E34A850AFE}.png

网页代码

使用VsCode工具编写代码,如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<table border="1" align="center" cellspacing="0" cellpadding="10" bgcolor="#abc">
    <tr align="center" >
        <td width="30">类型</td>
        <td>视频</td>
        <td width="80">英雄名称</td>
        <td width="750">技能</td>
        <td width="600">简介</td>
    </tr>
    <tr>
        <td rowspan="3">决斗</td>
        <td>
            <a href="https://val.qq.com/game-data.html?pageType=1&&heroId=2">
       <video src="video\cb5c1a4335b0dd8a6ca73bd151997a88.mp4" controls width="300px" height="300px"
        autoplay muted></video>
    </a>
        </td>
        <td>捷风(婕提)</td>
        <td>
            <ul>
                <li>C-瞬云(烟雾)<br>
                    投掷一个发射物,其在触碰后可扩展成一朵能短暂阻挡视线的云雾,按住技能键能扭曲云雾至准星的方向。</li>
                <li>Q-凌空(腾空跃起)<br>
                    立即让捷风腾空跃起。</li>
                <li>E-逐风(位移)<br>
                    在【就绪】状态中,捷风可以再次激活该技能来立即朝前进的方向突进一段距离。</li>
                <li>X-飓刃(飞刀)<br>
                    装备一组飞刀,按【射击】向目标掷出一把飞刀,【辅助射击】以向你的目标抛掷所有剩余的飞刀。</li>
                <li>SPACE-飘移(滑翔)<br>
                    在坠下的时候按住跳跃键可以让捷风在空中滑翔</li>
            </ul>
        </td>
        <td>“捷风”是新罗人的后代,她灵活机动的战斗风格使她能够采取比常人更激进和冒险的策略。她可以在战场上肆意纵横,将敌人逐个击破,或是把他们打个措手不及。</td>
    </tr>
    <tr>
        <td>
            <a href="https://val.qq.com/game-data.html?pageType=1&&heroId=18">
                <video width="300px" src="video\e095516b023108465e9eac60ebe215d3.mp4" controls width="300px" height="300px"
                autoplay muted>
            </a>
        </td>
        <td>霓虹(妮虹)</td>
        <td>
            <ul>
                <li>C-高速通道(能量墙)<br>
                    两道阻挡视线的静电墙。能量线只能向前延伸一小段距离,且会被墙面阻挡。</li>
                <li>Q-闪电弹球(震荡弹)<br>
                    立即掷出一个能量箭,可反弹一次。每次击中表面时,能量箭都会造成【震荡】冲击。</li>
                <li>E-充能疾驰(奔跑位移)<br>
                    立即提升移动速度。充能完毕时,按【辅助射击】即可发动闪电滑行。每击败两 名敌人,可重置滑行的充能。</li>
                <li>X-超限暴走(激光线)<br>
                    短时间内释放霓虹的全部力量与速度。按【射击】发射一道高速且精准的闪电光束。</li>
            </ul>
        </td>
        <td>来自西太平洋群岛的"霓虹“拥有惊人的速度,可以在运动中产生和释放生物电能量。她擅长利用快速机动,以闪电般的效率把敌人打得措手不及。</td>
    </tr>
    <tr>
        <td>
            <a href="https://val.qq.com/game-data.html?pageType=1&&heroId=11">
                <video width="300px" src="video\ba2185f6802b4f1f84022380a74e081c.mp4" controls width="300px" height="300px"
                autoplay muted>
            </a>
        </td>
        <td>芮娜(蕾娜)</td>
        <td>
             <ul>
                 <li>C-牌睨(致盲)<br>
                     装备一颗可被摧毁的虚灵之眼,【激活】将其向前掷出一段距离,使看见此眼球的敌人【视野收缩】。</li>
                 <li>Q-嗞尽(治疗)<br>
                     狩魂:3秒内被击败的敌人留下魂珠。噬尽:立即吞噬邻近的一颗魂珠并迅速获得【治疗】。</li>
                 <li>E-逐散(无敌隐身)<br>
                    立即吞噬邻近的魂珠,在短时间内变得【无形】。在【女皇旨令】激活时,此技能还会使你【隐形】。</li>
                 <li>X-女皇旨令(增益buff)<br>
                    狂暴状态,获得【作战强化】效果,大幅度提升射击,装备与换弹速度,不限次数使用【噬尽】技能。 </li>
            </ul>
        </td>
        <td>“芮娜”的威名铸就于马德雷山脉。虽然初始技能有所限制,但她能在狭路相逢的决斗中变得越来越强,直至觉醒强大的超能力,这使得她的实战表现格外重要。</td>
    </tr>
</table>
<audio src="MP3\无畏契约 _ Lick - Ignition.ogg" controls autoplay ></audio>
</body>
</html>


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作业描述 使用表格实现一个网页,介绍我游戏中的各位英雄 网页代码 使用VSCode工具编写代码,如下:
    马靖冉阅读 503评论 0 0
  • 作业描述 使用表格实现一个网页,介绍游戏中的各位英雄,点击图片可跳转至游戏官方网站,放置视频,放置音频。 网页代码...
    木有钱阅读 49评论 0 0
  • 作业描述 使用表格实现一个网页,介绍我游戏中的各位角色 效果预览: 网页代码使用VSCode工具编写代码,如下:
    猫尔_5c99阅读 482评论 0 0
  • 作业描述 使用表格实现一个网页,介绍游戏中的英雄 网页代码 使用VSCode工具编写代码,代码如下
    明天早点睡_abdb阅读 431评论 0 0
  • 作业描述 使用表格实现一个网页,介绍无畏契约里面的英雄 网页代码 使用VScode工具编写代码如下
    cilantro阅读 548评论 0 0