第一次web作业

通过web标签,制作的一个为永结无间的角色简易介绍的表格。
部分音频文件在本地,无法线上播放。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=t, initial-scale=1.0">
<title>Document</title>
<style>
#a1{
background-image: none;
text-decoration: none;
color: blueviolet;
border-radius: 8px;
}
#a1:hover{
color: rgb(17, 16, 16);
}
</style>
</head>
<body>
<audio autoplay preload="auto" controls>
<source src="http://ws.stream.qqmusic.qq.com/C400000It9xK0xCSvX.m4a?guid=249445139&vkey=37D35BE1E361329F029DD66D8D41A3EDB46A5F577F3A9FB7001BEEE3A5F93AAB066BDA8F322C5348216F155B252E73469DB4C1B91E02679E__v2b9abf9f&uin=&fromtag=120032.MP3">
</audio>
<video width="800" height="400" autoplay preload="auto" controls>
<source src="C:\Users\钰珏\Desktop\合集2024-12-13游戏音乐\《永劫无间》周年主题曲《无拘》——林俊杰【Hi-Res百万级录音棚试听】.mp4"> </video >
<table align="center" border="1" cellspacing="0" width="1200" height="600" style="background-color: rgba(237, 192, 192, 0.5);">
<tr>
<th>英雄</th>
<th>技能(仅展示较常用技能)</th>
<th>简评</th>
</tr>
<tr>
<td><a target="_blank"><img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.2pG-zE2tbDEOKB561AL8fAAAAA?w=236&h=131&c=7&r=0&o=5&dpr=1.4&pid=1.7" alt="" width="400" height="auto"></a></td>
<td><Ul>F1 冰心诀 防御 回复 </Ul>

           <li>·将自己裹在寒冰中4秒,抵挡所有打击并回复护甲。
           
           .释放技能进入寒冰和寒冰消失时都会清除自身减益效果。
           
           .除使用跳跃、闪避外,现在也可以使用平、纵击脱离寒冰状态,且寒冰消失时会造成打击击退周围敌人。</li><hr><ul>V1 冰寒飞影 机动 控制 充能 增益 </ul>

           <li>.提升自身攻击力,并获取特殊攻击。
           
           ·按F向瞄准方向突进,【冻结】非霸体敌人,且使用期间获得70%减伤。
           
           ·同时命中2人时,下次使用无消耗。</li>

           </td>
        <td>操作上限高,单三常客。</td>
   </tr>
   <tr>
        <td><a href="https://www.yjwujian.cn/world/#/hero" target="_blank"><img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.mnG3Ls8nqQBgWOZnjKSWBAAAAA?w=232&h=180&c=7&r=0&o=5&dpr=1.4&pid=1.7" alt="" width="400" height="auto"></a></td>
        <td><ul>技能一:【尾袭】</ul>

           <li>以狐尾击飞身边敌人并获得【狐火】,持续3秒。
         
          ·【狐火】被攻击导致硬直时会引爆,再次击退周围敌人。
         
          ·受击中可用。</li><hr>
          <ul>V1【迷魂引】</ul>
          <li>向瞄准方向释放狐灵夺取敌人魂魄,并将其储存在灵器中。
          
          ·敌人需要在6秒内,在灵器附近与之交互取回魂魄,否则将会进入【迷魂】状态,持续3秒</li></td>
          <td>简单上手,受击技能实用。需要先手开团创造优势。</td>
    </tr>
        <td><a href="https://www.yjwujian.cn/world/#/hero" target="_blank"><img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.j0WaQJd_m3WyPXf21dga4gHaDy?w=349&h=178&c=7&r=0&o=5&dpr=1.4&pid=1.7" alt="" width="400" height="auto"></a></td>
        <td><ul>F1 两仪剑 受击可用 远程 续命 振刀</ul>

           <li>在周身生成飞剑。
           
           ·按F射出飞剑,可触发拼刀,并有机会振掉该武器。
           
           ·飞剑跟随期间,可抵挡一次致命打击伤害。
           
           ·受击中可用。</li>
           <hr><ul>V1 斗转星移 传送 增益 </ul>

           <li>将周围己方传送到预先布置的【气眼】位置。
           
           ·开启奥义后,按鼠标左键布置【气眼】,再按鼠标左键传送。
           
           ·可传送己方魂冢。
           
           ·被传送者根据体力差异获得不同的增益效果。</li></td>
        <td>辅助能力强,需要较高的游戏理解。(玩不好就是飓风客)</td>
   </tr>
   <tr>
        <td><a href="https://www.yjwujian.cn/world/#/hero" target="_blank"><img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.DGJ7cbQXYZPlay_vVTSmEgHaDu?w=285&h=176&c=7&r=0&o=5&dpr=1.4&pid=1.7" alt="" width="400" height="auto"></a></td>
        <td><ul>技能二:【 夺天工·弹射】</ul>



           <li>引爆机械臂小幅击退周围敌人,并将自己弹向空中滑翔一段距离。
           
            ·受击中可用。</li>
            <hr><ul>V1【击长空】</ul>

            <li>冲向天空击退周围敌人,并持续消耗怒气以维持飞行,最多持续25秒。飞行期间不会被非霸体招式打断动作,以机械臂中的肱尺刃进行攻击,蓄力攻击变为向前突刺,并随蓄力时间提升攻击力。奥义【击长空】现在也可以部署“千机匣“(原奥义分支【击长空·救援】的效果)。
            
            ·飞行超过一定高度会额外消耗怒气。
            
            ·按F和受到一定伤害都会临时关闭飞行,再次按F会重新飞行并额外消耗怒气。</li></td>
        <td>为队友提高容错,如果带的v2,直接秒退。</td>
   </tr>
   <tr>
        <td><a href="https://www.yjwujian.cn/world/#/hero" target="_blank"><img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.8F-FlyxVKZ_Ziwd42zhbagHaE8?w=242&h=180&c=7&r=0&o=5&dpr=1.4&pid=1.7" alt="胡桃" width="400" height="auto"></a></td>
        <td><UL>F1庇护  回复 救援 净化 机动 </UL>

           <li>以法术连接己方,为其回复大量体力;或复活连接的魂冢。也可长按 F召唤光伞作为连接对象。
           
           ·按鼠标左键瞬移至对象位置,并击飞敌人。
           
           ·按鼠标右键清除双方减益效果,并瞬间回复双方体力。</li>
           <hr><ul>V2 净天地·固甲 回复 净化 </ul>

           <li>·布下大范围法阵,可清除所有减益效果并回复护甲。
           
           ·法阵可被己方及场景中的元素影响,增加不同效果。</li>
      </td>
        <td>实力奶妈,甲阵无敌。无受击,注意帮忙拆火。(注意:部分战斗桃实力可拍,遇到直接逃跑。)  
        </td>
   </tr>
   <tr>
        <td>内容展示不完全</td>
        <td>.......</td>
        <td>.......</td>
   </tr>
 </table>
 <a href="https://ds.163.com/topic/%E7%BD%91%E6%98%93%E5%A4%A7%E7%A5%9E/" tabindex="_blank" id="a1">网易大神</a><br>

</body>

</html>
屏幕截图_13-12-2024_181859_.jpeg
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,921评论 0 1
  • 之前练手随便写的百度注册页面。可以和后台进行交互。并且实现登陆,注册功能。 附源码 HTML <!DOCTYPE ...
    苏三的m416阅读 3,060评论 0 0
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,419评论 0 11
  • 百度搜索是大家最常用的搜索引擎之一,而它的界面看久了难免生厌,太多繁杂的广告,和很多不需要的信息。本文就对优化百度...
    句读知不知阅读 4,114评论 0 0
  • 这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存...
    JamHsiao_aaa4阅读 5,261评论 0 3

友情链接更多精彩内容