WEB第一次作业最终版2.0

作业分析

本次使用table表格标签编写如下效果


作业1.png
作业2.png

代码实现


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原神</title>
    <style>
        #a1{
            color:aqua;
            text-decoration: none;
        }
        #a1:hover{color:red;
        font-size: larger;}
        #a{
            width:250px;
            height:270px;
        }
    </style>
</head>
<body>
    <audio src="./HOYO-MiX - 轻涟 La vaguelette.flac" controls="controls" loop="loop"></audio>

    <h1 align="center">原神角色分析</h1>
    <table align="center" border="1" width="1200"
    cellpadding="6" cellspacing="0">
<tr bgcolor="#888">
<th>类型</th>
<th>角色</th>
<th>角色名称</th>
<th>元素战技</th>
<th>元素爆发</th>
<th colspan="3">固有天赋和命座技能</th>
</tr>
<tr>
<th  width="100px" height="100px" colspan="8">请点我<a  href="https://ys.mihoyo.com/cloud/?utm_source=default#/"><IMG SRC="./12.jpg" WIDTH="600PX" HEIGHT="200PX" > </a></th>
</tr>
<tr height="270" width="200px">
    <th rowspan="3">主C</th>
    <th>><video id="a" controls><source src="./1.mp4" ></video></th>
    <th>神里凌华</th>
    <th>神里流*冰华
        <ul><LI>唤起盛开的冰之华</LI>
        <LI>击飞身边敌人并造成冰元素范围伤害</LI></ul></th>
    <th>神里流*霜灭
        <UL><LI>汇聚寒霜,放出持续行进的霜见雪关扉</LI>
        <li>霜见雪关扉以刀锋般尖锐的霜风持续切割触及的敌人</li>
        <li>造成冰元素伤害;持续时间结束时绽放,造成冰元素范围伤害</li></UL></th>
    <th>天罪国罪镇词</th>
    <th>寒天宣命祝词</th>
    <th>神里流*霞步</th>    
</tr>
<tr>
    
    <th><video id="a" controls><source src="./2.mp4" ></video></th>
    <th>胡桃</th>
    <th>蝶引来生
        <UL><LI>施放后,胡桃会进入“彼岸蝶舞”状态,基于她的生命值上限提高攻击力,
        最高可达基础攻击力的400%</LI>
        <LI>在这个状态下,普通攻击和重击都会附加火元素伤害</LI>
        <LI>重击会
        使敌人进入“血梅香”状态,每4秒受到一次火元素伤害,持续8秒34</LI></UL></th>
    <th>安神秘法
        <UL><LI>对范围内的敌人造成火元素伤害</LI>
        <LI>根据命中敌人的数量恢复胡桃的生命值</LI>
        <LI>如果胡桃的生命值低于或等
        于50%,该技能的伤害和治疗量都会增加</LI></UL></th>
    <th>蝶隐之时</th>
    <th>血之灶火</th>
    <th>多多益善</th>
</tr>
<tr>
    <th><video id="a" controls><source src="./3.mp4" ></video></th>
    <th>娜维娅</th>
    <th>典仪式晶火<UL><LI>点按时会消耗所有积攒的“裂晶弹片”,展开铳柄伞,发射多枚能够穿透敌人的“玫瑰晶弹”,对命中的敌人造成岩元素伤害</LI>
        <LI>消耗的裂晶弹片数量越多,造成的伤害越高</LI>
        <LI>长按则会进入瞄准状态,持续获取附近的结晶反应产生的晶片,并在结束长按时打出与点按相同的“玫瑰晶弹”</LI></UL></th>
    <th>如霰澄天的鸣礼<UL><LI>召唤华丽的“金花礼炮”轰击前方的敌人,造成岩元素范围伤害</LI>
        <LI>在接下来的一段时间内进行持续的“支援炮击”</LI><LI>礼炮的炮击命中敌人时,将为娜维娅积攒1枚裂晶弹片</LI></UL></th>
    <th>不明流通渠道</th>
    <th>互助关系网</th>
    <th></th>
</tr>
<tr>
    <th rowspan="3">副C</th>
    <th><video id="a" controls><source src="./4.mp4" ></video></th>
    <th>雷电将军</th>
    <th>神变·恶曜开眼<UL><LI>开启后对周围敌人造成雷元素伤害,并获得一个“雷罚恶曜之眼”</LI><LI>“雷罚恶曜之眼”会在队伍里的角色或者附近友方角色对敌人造成伤害时发动协同攻击,
        造成范围雷元素伤害</LI><LI>获得“雷罚恶曜之眼”的角色元素爆发伤害提高,增益效果取决于元素爆发的元素能量</LI></UL></th>
    <th>奥义·梦想真说<UL><LI>开启后造成雷元素范围伤害,伤害基于“诸愿百眼之轮”的层数</LI><LI>雷电将军的攻击武器变为太刀,
        获得雷元素附魔</LI><LI>攻击命中可以恢复队伍中及附近所有角色的元素能量,抗打断能力提高,并且免疫感电反应的伤害</LI></UL></th>
    <th>梦想一心</th>
    <th>诸愿百眼之轮</th>
    <th></th>
</tr>
<tr>

    <th><video id="a" controls><source src="./5.mp4" ></video></th>
    <th>小吉祥草王</th>
    <th>所闻遍计:可以对身边的敌人造成草元素伤害并施加印记。长按可以进行瞄准,最多选定8个敌人进行攻击并施加印记。携带印记的敌人在一定距离内互相连结,触发元素反应后会受到额外的草属性伤害。
        此外,该技能具有超大的瞄准范围、极快的释放速度和长久的持续时间,非常适合深林四件套的使用</th>
    <th>心景幻成:纳西妲展开“摩耶之殿”领域,对队伍中的火、雷、水元素角色进行增强。例如,火元素角色提升伤害,
        水元素角色延长大招持续时间</th>
    <th>净善摄受明论</th>
    <th>慧明缘觉智论</th>
    <th>诸相随念净行</th>
</tr>
<tr>
    
    <th><video id="a" controls><source src="./6.mp4" ></video></th>
    <th>夜阑</th>
    <th>萦络纵命索<UL><LI>点按会使夜兰疾走一小段距离并对途径的敌人缠绕“络命丝”</LI>
        <LI>长按则会疾走3秒并对途径的敌人造成水元素伤害</LI><LI>该技能不仅可以作为次要输出手段,还能通过疾走恢复体力值</LI></th>
    <th>渊图玲珑骰<UL><LI>释放后会凝聚“玲珑骰”对敌人造成高额的水元素伤害</LI>
        <LI>只要“络命丝”命中敌人,就能增加一次协同攻击的效果</LI></UL></th>
    <th>潜形隐曜弓</th>
    <th>猜先有方</th>
    <th>妙转随心</th>
</tr>
<tr>
    <th rowspan="3">辅助</th>
    <th><video id="a" controls><source src="./7.mp4" ></video></th>
    <th>申鹤</th>
    <th>仰灵威召将役咒<UL><LI>造成2点冰元素伤害,生成冰翎</LI><LI>冰翎效果为:我方角色造成的冰元素伤害+11</LI></UL></th>
    <th>神女遣灵真诀<UL><LI>造成1点冰元素伤害,召唤箓灵</LI><LI>箓灵在结束阶段造成1点冰元素伤害</LI><LI>召唤物在场时,敌方角色受到的冰元素伤害和物理伤害+11</LI></UL></th>
    <th>归羽</th>
    <th>凭风</th>
    <th></th>
</tr>
<tr>
    <th><video id="a" controls><source src="./8.mp4" ></video></th>
    <th>芙宁娜</th>
    <th><UL><LI>黑芙形态(荒性):召唤三只小宠物自动攻击敌人,造成水元素伤害。伤害倍率基于队内生命值50%以上的队友数量,每次命中会消耗队友的生命值。
       </LI><LI> 白芙形态(芒性):召唤水宠在固定区域内治疗角色,治疗量基于芙宁娜的生命值上限。两种形态可以切换,切换时E技能的持续时间不变</LI><LI>芙宁娜可以在水面上行走</LI></UL></th>
    <th>万众狂欢<UL><LI>造成一段弱水攻击后,屏幕四周出现气泡,芙宁娜获得“气氛值”,提升队伍中所有角色的伤害</LI><LI>增伤幅度取决于队内生命值的波动,无论是降低或增加,
        都可以累积提高伤害</LI><LI>该技能需要搭配群体治疗的角色,以更快达成最大增伤效果</LI></UL></th>
    <th>停不了的圆舞</th>
    <th>无人听的自白</th>
    <th>瀚海亦舞台</th>
</tr>
<tr>
    
    <th><video id="a" controls><source src="./9.mp4" ></video></th>
    <th>闲云</th>
    <th>朝起鹤云<ul><lI>闲云可以在脚下形成一个风场,让自己和队友进行下落攻击</lI><LI>下落攻击还会释放闲云冲击波,
        对附近的敌人造成风属性伤害</LI><LI>该技能最多可以释放3次</LI></th>
    <th>暮极竹星<UL><LI>释放该技能后,大幅度强化队友的跳跃能力,治疗全队角色,并召唤机关竹星</LI><LI>竹星持续跟随当前场上的角色,间歇性为队伍中附近的所有角色恢复生命值</LI>
       <LI> 释放大招后拥有八层仙力助推,可以提升队友跳跃高度,下坠攻击时消耗一层助推造成一次伤害</LI></UL></th>
    <th>天威压众</th>
    <th>霜翎高逐祥风势</th>
    <th>细想应是洞中仙</th>
</tr>
<TR><TH width="100px" height="300px" colspan="8" ><a id="2"   href="https://ys.mihoyo.com/cloud/?utm_source=default#/">请点击打开云原神</a></TH></TR>
    </table>
</body>
</html>

个人总结

对于音频的自动播放有待研究,在多次练习中,打字速度明显加快

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

相关阅读更多精彩内容

  • #本次要使用的table表格标签编写如下效果 #代码实现 使用html标签代码 <!DOCTYPE html> ...
    画梅阅读 559评论 0 1
  • 作业分析 本次要使用table表格标签编写如下的效果 代码实现 <!DOCTYPE html> 英雄联盟K...
    随缘_b01f阅读 525评论 0 0
  • 作业分析 本次要使用table表格标签编写如下效果 代码实现 使用html标签代码实现 个人总结 本次使用tabl...
    木兮_1090阅读 1,076评论 0 1
  • 作业分析 本次使用table表格标签编写如下的效果 代码实现 使用html标签代码实现 个人总结 table表格是...
    封余阅读 891评论 0 1
  • 作业分析 本次要使用table表格标签编写如下的效果 代码实现 使用html标签代码实现 <!DOCTYPE ht...
    牢弟还得练阅读 631评论 0 1

友情链接更多精彩内容