WEB第一次作业

     #作业分析
        本次使用table表格标签编写如下效果
       ![image.png](https://upload-images.jianshu.io/upload_images/30312832-431da53c3aaf5c7a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    #代码实现
 使用html标签代码实现
 ···html
   <!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无法显示该网页</title>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="0">
<tr>
<td rowspan="6">赛季热门</td>
</tr>
<tr bgcolor="gray">
<td>图片</td>
<td>英雄名称</td>
<td>被动</td>
<td>技能</td>
</tr>
<tr>
<td><img src="../../img/0.jpg" width="200" height="120"></td>
<td colspan="1" >澜</td>
<td>猎物标记:当敌人的生命值低于 30% 时,会被澜视作 “猎物”。

额外伤害:澜的技能和普攻对 “猎物” 会额外造成真实伤害,在正式服中,该额外伤害为 15%。

视野获取:澜能获得 “猎物” 的视野,这使得他在追击残血时,能够更准确地把握敌人的位置,即使敌人躲在草丛中,也能被澜发现。
</td>
<td>破浪,断空,处决</td>
</tr>
<tr>
<td><img src="../../img/7.jpg" width="200" height="120"></td>
<td>赵云</td>
<td>龙鸣:赵云每损失 3% 的最大生命值,就会获得减少 1% 所受到伤害的效果,最高可获得 33% 的减伤</td>
<td>惊雷之龙,破云之龙,天翔之龙</td>
</tr>
<tr>
<td><img src="../../img/21.jpg"width="200" height="120" ></td>
<td>公孙离</td>
<td>晚云落:阿离的普攻伤害会为目标叠加枫之印记,每四层印记触发一次爆炸(并叠加新的印记),对周围敌人造成 200(+60% 物理加成)点法术伤害;释放技能或收回纸伞后阿离的普通攻击将会额外投掷一枚飞镖造成 30% 物理加成点物理伤害;阿离能够在释放技能后再次使用技能回归到纸伞的位置;当阿离手中没有纸伞时,自身移动速度提升 50 点与基础攻击间隔缩短 20%。</td>
<td>岑中归月,霜叶舞,孤鹜断霞</td>
<tr>
<td><img src="../../img/34.jpg" width="200" height="120"></td>
<td>镜</td>
<td>铸镜:本体和镜像对敌人造成伤害时会给敌人留下 2 种不同的印记,如果敌人同时拥有 2 种印记会触发碎裂,受到已损生命值 4% 的斩杀伤害,同时刷新镜开锋和裂空的冷却时间。
此效果触发后,镜将暂时失去此被动效果 5 秒,大招期间为 2 秒 。镜像造成的伤害和回复只有本体的 30%,镜像和本体的距离越远,造成的伤害和回复越多,最多可以增长至本体的 80%。</td>
<td>开锋,裂空,剑影</td>
</tr>
</tr>
</table>
</body>
</html>
···

个人总结

这是最好的时代,这是最坏的时代,我们一无所有我们巍然矗立

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

推荐阅读更多精彩内容