第一次web作业

1. 代码展示

<!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 background="./img/6fe3db16faacb7367706e2e9055819da.jpg">
    <style>
        #a1{height: 100px;
        }
    </style>
    <table border="1" cellpadding="0" cellspacing="0" width="800" height="200">
    
            <tr>
                <th id="a1">图片</th>
                <th id="a1">英雄</th>
                <th id="a1">技能</th>
            </tr>
            <tr>
                <td><img src="./img/0 (8).jpg" width="500px" height="400px"></td>
                <td>元歌</td>
                <td width="300" >秘术·影元歌掷出傀儡对路径上敌人造成物理伤害和击飞效果,并开始操纵傀儡,傀儡会模仿一个敌方英雄直到攻击或受到攻击。
                    傀儡无论被摧毁或销毁,控制权都将立即转回元歌本体。<br>
                    秘术·纸雏鸾元歌掷出4枚暗器。对路径上敌人造成物理伤害,暗器可以连续命中,但伤害将折减70%。<br>
                    秘术·十字闪元歌甩出丝线向后拉扯,每根丝线对命中目标造成物理伤害,被两条丝线命中的单位将会受到额外16%已损生命的物理伤害和50%减速持续2秒。<br>
                    秘术·散元歌立即消失清除控制效果,并在短暂延迟后出现在范围内的另一位置。不能解除傀儡损坏带来的眩晕效果。<br>
                </td> 
            </tr>
            <tr>
                <td><img src="./img/0.jpg" width="500px" height="400px"></td>
                <td>李信</td>
                <td>急速突进 向指定方向进行突进。<br>
                    强力斩击  向指定方向斩出剑气,对路径上的敌人造成物理伤害和持续2秒的50%减速。<br>
                    力量觉醒·光  学习大招的瞬间释放魔道家族的力量,改变战斗形态至统御。<br>
                    力量觉醒·暗  学习大招的瞬间解放狂暴复仇的力量,改变战斗形态至狂暴。<br>
                </td>
            </tr>
            <tr>
                <td><img src="./img/0 (6).jpg "width="500px" height="400px" ></td>
                <td>李白</td>
                <td>将进酒  李白可用醉剑式向指定方向连续突进2次,对路径上敌人造成物理伤害并将其晕眩0.5秒,同时会叠加1道剑气。第三次释放会回到原地。每次释放间隔不能超过5秒。<br>
                    神来之笔  李白以自身为中心化剑为青莲剑阵,对范围内敌人造成物理伤害。对触碰到剑圈的敌人造成物理伤害和90%移速,持续1秒。同时敌人会减少物理防御,持续3秒。李白释放技能期间不可被选中并解除所有控制效果。<br>
                    青莲剑歌  李白化身为剑气飞速穿梭斩击5次,每次斩击造成)物理伤害。当同时攻击多个敌方英雄时,每增加一位敌方英雄将衰减15%的伤害,最低衰减至初始伤害的70%。李白释放技能期间不可被选中并解除所有控制效果。【青莲剑歌】需要由【侠客行】解除限制后方可释放,使用后立即进入限制状态。<br>
     </td>
            </tr>
            <tr>
                <td><img src="./img/0 (9).jpg" width="500px" height="400px"></td>
                <td>亚连</td>
                <td>
                    流星斩  亚连发起上挑,对前方目标造成法术伤害和两次物理伤害并击飞正前方目标0.75秒,然后根据自身印记数进行追加攻击。印记层数可通过普攻和三技能命中获取。流星斩可以触发50%普攻法球效果并可暴击吸血。<br>
                    逐月闪  亚连朝指定方向突进,对路径上的敌人造成物理伤害和法术伤害并减少30%移速,持续1.5秒,并使得亚连获得移速,持续3秒,下3次普攻获得额外攻速。每10秒可准备1次【逐月闪】(受冷却影响),最多可储备2次【逐月闪】。<br>
                    落日斩  亚连选定目标英雄跃向天空,无法选中,持续1.5秒,期间可以移动,随后猛击大地对敌方英雄造成物理伤害和法术伤害,越靠近亚连受到的伤害越高,最多提高100%。每命中一个敌方英雄,亚连都会获得印记层数和怒气。<br>
                </td>
            </tr>
            <tr>
                <td><img src="./img/0 (7).jpg" width="500px" height="400px"></td>
                <td>韩信</td>
                <td>
                    无情冲锋  韩信发起冲锋造成物理伤害并将敌人击飞0.5秒,冲锋后5秒内可发动第二次冲锋,但不会击飞敌人。<br>
                    背水一战  韩信向后跳跃并使下一次普通攻击变更为横扫攻击,持续3秒,横扫会对范围内敌人造成物理伤害。若【背水一战】的横扫处于第四次普攻时,横扫会将第四次普攻的额外效果一起打出。<br>
                    国士无双  韩信朝指定方向乱舞四次长枪,对命中的敌人每次造成点物理伤害;最后一次攻击会将范围内的敌人击飞0.5秒;乱舞期间韩信处于霸体状态并获得30%伤害减免<br>
                </td>
            </tr>
​
    </table>
    <audio src="./audio/周杰伦 - 我落泪情绪零碎.MP3" controls="controls" autoplay="autoplay">
​
    </audio>
</body>
</html>

2.图片展示

3.总结

第一次利用html尝试制作表格,有很多不懂的地方,为了完成作业我查找了很多博主的视频学习如何使用html标签。这次作业也让我受益匪浅。

2024年12月14日

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值