web第一次作业

作业分析

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

image.png

代码实现

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>英雄联盟KDA女团介绍</title>
</head>
<body>
<table border="1" cellpadding="20" cellspacing="0" width="1200">
<tr>
<th style="width:50px">位置</th>
<th style="width:100px">英雄名称</th>
<th>图片展示</th>
<th>被动</th>
<th>主动</th>
</tr>
<tr height="200">
<th>射手</th>
<th>卡莎</th>
<th><img width="150" height="200" src="img/91288e4a1d30aebd5fc7d5f5605c85b6.jpeg"></th>
<th>被动技能:体表活肤 卡莎的普通攻击会给目标施加一层持续4秒的电浆效果,造成额外魔法伤害。当电浆层数达到4层时,普通攻击会引发电浆爆炸,造成目标已损失生命值15-20%的额外伤害。友军在定身敌方英雄时也会施加一层电浆效果</th>
<th>Q技能:艾卡西亚暴雨
卡莎发射6发飞弹,对附近的敌人造成物理伤害。如果命中同一目标,后续飞弹的伤害会降低。对生命值低于35%的小兵造成双倍伤害。进化后,飞弹数量增加到12发,进一步增强伤害

            W技能:虚空索敌
            卡莎发射一道虚空振波,命中第一个敌人造成魔法伤害并施加两层电浆效果。进化后,施加三层电浆效果,并在命中敌方英雄时返还77%的冷却时间
            
            E技能:超级充能
            卡莎进行1.5秒充能,提高移动速度并在充能结束后获得高额攻速加成。进化后,充能开始时会隐身0.5秒,并且普通攻击会减少E技能的冷却时间
            
            R技能:杀手本能
            卡莎高速冲向带有电浆效果的敌方英雄,造成物理伤害并施加一层电浆效果。这个技能使得卡莎能够快速接近敌人并进行攻击</th>
    </tr>
    <tr height="200">
        <th rowspan="2">法师</th>
        <th>阿狸</th>
        <th><img width="150" height="200" src="img/a91f8f6ccfdc50c607261fefdd975be7.jpeg"></th>
        <th>被动技能:摄魂夺魄 击杀小兵或野怪会为阿狸提供一层魂魄碎片。拥有9个碎片后,阿狸可以消耗它们来治疗自身生命值。参与击杀敌方英雄后,她会享用其魂魄来治疗自身</th>
        <th>Q技能:欺诈宝珠:阿狸投出并收回宝珠,对敌人造成魔法伤害和真实伤害
            W技能:妖异狐火:阿狸释放三团狐火追踪附近的敌人并造成魔法伤害。狐火的优先攻击目标是被魅惑妖术命中的英雄和被阿狸攻击过的敌人
            E技能:魅惑妖术:阿狸魅惑命中的首个敌人,使其朝阿狸移动并中断其位移
            R技能:灵魄突袭:阿狸进行三次快速突进,并对附近的敌人发射灵魄弹,造成魔法伤害。在15秒内可以再次施放至多两次</th>
    </tr>
    <tr height="200">
        <th>阿卡丽</th>
        <th><img width="150" height="200" src="img/0865e034c7ebbf669d85050919b4b0d0.jpg"></th>
        <th>被动技能:我流忍法!潜龙印 对一个英雄造成技能伤害时,会在其周围创造一个能量圆环。穿过该圆环时,会增强阿卡丽的下一个普攻的距离和伤害</th>
        <th>Q技能:我流奥义!寒影。掷出五枚苦无,基于她的额外攻击力和法术强度来造成伤害,并造成减速效果
            W技能:我流奥义!霞阵。扔下一颗烟幕弹,阿卡丽在烟幕内时变为隐形状态并且不会被敌方的技能和攻击选为目标,获得移动速度。攻击或使用技能将暂时使她显形
            E技能:我流奥义!隼舞。进行后空翻并向前掷出一枚手里剑,造成物理伤害并标记命中的第一个敌人或【我流奥义!霞阵】。再次施放可突进至被标记的目标处,并造成额外伤害
            R技能:我流秘奥义!表里杀缭乱。朝着一个方向跃出,伤害被她击中的敌人。再次施放时,阿卡丽朝着一个方向突进,处决所有被她击中的敌人</th>
    </tr>
    <tr height="200">
        <th>刺客</th>
        <th>伊芙琳</th>
        <th><img width="150" height="200" src="img/c12020457cb5c6962e356f06c62fbbd2.jpg"></th>
        <th>被动技能:恶影 伊芙琳在脱战后进入恶影状态,低血量时会回复生命值。5级后,恶影状态还能赋予伊芙琳伪装效果,使敌人无法发现她,便于抓人和gank</th>
        <th>Q技能:憎恨之刺
            伊芙琳向前方发射一枚尖刺,对命中的第一名敌人造成伤害并标记,接下来的三次普攻或技能会对标记目标造成额外伤害。如果目标是野怪,则会大量返还冷却时间。该技能可以重置,使得伊芙琳在对拼和抓人时可以不断施放,打出高额伤害。
            
            W技能:欲望红尘
            伊芙琳诅咒一个目标,诅咒后进行攻击会决定是减速还是魅惑。魅惑时如果目标是英雄则会减少其魔抗,为野怪则会造成伤害。这个技能是伊芙琳唯一的控制技能,用于gank和黏住敌人
            
            E技能:鞭笞 & 强化鞭笞
            常态下,伊芙琳背刺对手造成伤害并提高自己的移速。在恶影状态下,她会突进到目标身上并对路径上的敌人造成伤害。这个技能与W技能联动性强,用于黏住对手
            
            R技能:最终抚慰(痛苦之拥)
            伊芙琳释放恶魔能量,进入无法选定的状态,对前方半圆形区域内的敌人造成斩杀伤害并瞬移至后方。该技能用于打伤害、躲技能和逃跑,尤其适合在敌人残血时施放</th>
    </tr>
  </table>

</body>
</html>

个人总结

本次作业适用table标签编写了游戏英雄的介绍,让我们对table的使用更为熟悉,提高了我们的编写能力

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,063评论 6 510
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,805评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,403评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,110评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,130评论 6 395
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,877评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,533评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,429评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,947评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,078评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,204评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,894评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,546评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,086评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,195评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,519评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,198评论 2 357

推荐阅读更多精彩内容