作业分析
用table表格标签实现对“明日方舟”各职业干员的介绍
代码如下
<!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="10" cellspacing="0" width="1000">
<tr>
<th>职业</th>
<th>图片</th>
<th>代号</th>
<th>技能</th>
<th>天赋</th>
</tr>
<tr>
<td rowspan="2">先锋</td>
<td><img src="D:\云计算\web1\resources\img\风笛.png" width="400"></td>
<td>风笛</td>
<td>
<ol>
<li>迅捷打击·γ型：攻击力+34%，攻击速度+35</li>
<li>高效冲击：下一次的攻击力提升至160%，且额外攻击一次(可充能2次)</li>
<li>闭膛连发：攻击间隔增大(+70%)，阻挡数+1，攻击力和防御力+90%，攻击变为三连击</li>
</ol>
</td>
<td>
<ol>
<li>精密填弹：每次攻击有25%的概率攻击力提升至130%，且额外攻击一个目标</li>
<li>军事传统：编入队伍时所有【先锋】干员的初始技力+6</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云计算\web1\resources\img\忍冬.png" width="400"></td>
<td>忍冬</td>
<td>
<ol>
<li>小施惩戒：下次攻击额外造成攻击力245%的法术伤害，并获得1点部署费用(可充能3次)</il>
<li>坠刃拷问：立即获得6点部署费用，对周围最多6名敌人造成相当于攻击力245%的法术伤害，并令击中目标停顿4.5秒；若敌人已经处于停顿状态，则额外使敌人晕眩4.5秒(可充能2次)</il>
<li>隐狐之艺：技能开启时立即获得8点部署费用，攻击距离+1，攻击力+80%，攻击速度从+170逐渐衰减至+0，同时攻击阻挡的所有敌人，每次攻击晕眩敌人0.2秒(若技能期间击倒敌人，则技能结束时进入迷彩状态，直至下一次开启技能)</il>
</ol>
</td>
<td>
<ol>
<li>追凶：对每个敌人造成首次伤害后，10秒内忍冬对该敌人造成伤害时额外造成攻击力30%的法术伤害</li>
<li>蓄势：在场时，部署费用的自然回复速度+10%，若4秒内自身未受到伤害，则每秒恢复4%的最大生命值</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">近卫</td>
<td><img src="D:\云计算\web1\resources\img\史尔特尔.png" width="400"></td>
<td>史尔特尔</td>
<td>
<ol>
<li>烈焰魔剑：下次攻击的攻击力提升至240%，如果将目标击倒则立即恢复所有技力</li>
<li>熔核巨影：攻击力+80%，攻击距离+1，攻击目标数+1，仅攻击到一个敌人时对其攻击力提升至150%</li>
<li>黄昏：立即恢复所有生命；攻击力+240%，攻击距离+2，攻击目标数+2，生命上限+5000，逐渐失去生命（60秒后到达最大生命20%/秒）；持续时间无限</li>
</ol>
</td>
<td>
<ol>
<li>熔火：无视攻击目标20法术抗性</li>
<li>余烬：受到致命伤害时持续使生命值不低于1，8秒后强制退出战场</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云计算\web1\resources\img\耀骑士临光.png" width="400"></td>
<td>耀骑士临光</td>
<td>
<ol>
<li>灿焰长刃：攻击范围扩大，攻击力+55%，攻击速度+38（持续时间无限）</li>
<li>逐夜烁光： 被动效果：部署不消耗部署位。 部署后攻击力+120%，获得3层护盾。技能结束后自动撤退，本次再部署时间延长25%，上一名部署干员势力为【卡西米尔】时本次再部署时间不再延长</li>
<li>耀阳颔首：在周围四格可部署地面召唤一把"耀阳"对周围敌人造成100%耀骑士临光攻击力的真实伤害并晕眩3秒，自身攻击范围扩大，攻击力+100%、防御力+70%，攻击自身与"耀阳"阻挡的单位时伤害类型变为真实</li>
</ol>
</td>
<td>
<ol>
<li>不畏苦暗：部署时对周围四格敌人造成80%攻击力的真实伤害并晕眩3秒，上一名部署干员势力为【卡西米尔】时额外造成一次伤害</li>
<li>破晓：攻击无视敌人25%的防御力</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">重装</td>
<td><img src="D:\云计算\web1\resources\img\年.png" width="400"></td>
<td>年</td>
<td>
<ol>
<li>锡灼：防御力+55%，攻击力+30%，普通攻击造成法术伤害</li>
<li>铜印：停止攻击；防御力+100%，阻挡数+1，每次受到攻击时对目标造成相当于年攻击力70%的法术伤害并使其失去特殊能力3秒</li>
<li>铁御：攻击力+80%；周围其他友方干员的防御力+50%，阻挡数+1，并获得抵抗</li>
</ol>
</td>
<td>
<ol>
<li>积甲成山：编入队伍时，所有【重装】职业干员的生命上限+16%</li>
<li>干明可鉴：部署后立即获得3层护盾</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云计算\web1\resources\img\黍.png" width="400"></td>
<td>黍</td>
<td>
<ol>
<li>化被草木:下一次攻击会为周围血量不足一半的一名友方单位恢复相当于攻击力150%的生命(可充能2次)</li>
<li>嘉禾盈仓:停止攻击专注治疗范围内至多两名我方单位，攻击力+90%，阻挡数+1，第一天赋效果提升至1.4倍(治疗拥有特殊间隔)</li>
<li>离离枯荣:治疗范围扩大，攻击同时可治疗我方干员，攻击力+34%，有地面敌人处于播种地块时技能范围内的我方单位攻击力+20%、攻击速度+20，敌人经过播种地块时获得如下效果：当远离该地块达到3格时被传送回该地块</li>
</ol>
</td>
<td>
<ol>
<li>百谷长青:治疗干员时对其与周围四格地块进行播种施加如下效果：每秒恢复70生命、获得10%庇护</li>
<li>天有四时:在场时,场上有三名不同职业干员时所有干员生命上限+12%、三名相同职业干员时所有干员攻击速度+12，编入队伍且编队中有四名【岁】干员时所有干员攻击力+12%且4秒获得1点技力</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">狙击</td>
<td><img src="D:\云计算\web1\resources\img\菲亚梅塔.png" width="400"></td>
<td>菲亚梅塔</td>
<td>
<ol>
<li>“你须直面”:攻击距离+1，攻击力+60%</li>
<li>“你须愧悔”:向前发射灼痕弹且每飞行一段距离在弹道上留下灼痕，到达攻击范围最远距离时爆炸造成320%的物理伤害；之后灼痕依次爆炸造成160%的物理伤害</li>
<li>“你须偿还”:持续固定攻击范围内正前方最远一格，爆炸范围扩大，攻击力提升至115%，对目标位置附近小范围内的敌人攻击力额外提升至185%(持续时间无限，可主动关闭技能)</li>
</ol>
</td>
<td>
<ol>
<li>陈述苦难:自身生命会不断流失（该效果不会使生命降至0）；生命值高于50%时获得+25%攻击力的精力充沛；高于80%效果翻倍</li>
<li>宣告终局:技能持续期间外，攻击速度+27</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云计算\web1\resources\img\维什戴尔.png" width="400"></td>
<td>维什戴尔</td>
<td>
<ol>
<il>定点清算:下次攻击额外造成2次余震并使所有目标晕眩1秒，此次攻击的溅射范围略微扩大且余震伤害变为攻击力的90%</il>
<il>饱和复仇:攻击力+25%，攻击间隔缩短，可同时攻击3名敌人 过载：攻击改为攻击力70%的4连发，随机攻击范围内的目标(该技能可随时主动关闭)</il>
<il>爆裂黎明:立刻在攻击范围内召唤2个魂灵之影（最多存在3个，技能结束后保留），攻击力+150%，攻击间隔大幅增大(+2.9)，攻击时攻击力提升至190%，溅射范围大幅扩大且第一天赋的发动概率提高至100%攻击装有6发弹药，打完后结束（可随时停止技能）</il>
</ol>
</td>
<td>
<ol>
<li>好礼:攻击时对主目标的攻击力提升至115%并为其附着残影，残影受到维什戴尔的余震影响时有15%概率爆炸，对周围所有敌人造成150%攻击力的物理伤害并使其晕眩1秒</li>
<li>死魂灵的余息:部署完成后立刻在攻击范围内召唤一个魂灵之影，在魂灵之影周围时获得迷彩</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">术师</td>
<td><img src="D:\云计算\web1\resources\img\荒芜拉普兰德.png" width="400"></td>
<td>荒芜拉普兰德</td>
<td>
<ol>
<li>慵怠者悲鸣:被动效果：浮游单元+1
主动触发可以在下列状态和初始状态间切换：
攻击力+23%，释放浮游单元随机锁定整个战场内的非移动敌人进行攻击，目标移动或倒下后重新索敌</li>
<li>逐猎狂飙:浮游单元+3，攻击范围扩大，攻击力+80%，释放浮游单元随机锁定敌人攻击，浮游单元攻击时有10%几率使目标恐惧1秒(浮游单元在锁定目标倒下后重新索敌，直至技能结束后返回干员身边)</li>
<li>终幕·浩劫:浮游单元+2，攻击力+60%，释放特殊形态的浮游单元散开后在整个战场范围各自追逐较近的敌人，追上时使目标恐惧2秒并锁定其攻击，浮游单元周围的敌人移动速度-40%且每秒受到相当于攻击力100%的法术伤害（不叠加）；浮游单元在锁定目标倒下后重新索敌，直至技能结束后返回干员身边</li>
</ol>
</td>
<td>
<ol>
<li>头狼:每在场上停留20秒，浮游单元依次获得以下一个效果：伤害上限提高10%、造成伤害时使目标特殊能力失效2秒、数量+1</li>
<li>叙拉古的荣幸:编入队伍时所有【叙拉古】干员的初始技力+5</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云计算\web1\resources\img\夕.png" width="400"></td>
<td>夕</td>
<td>
<ol>
<li>工笔入化:下一次攻击溅射范围扩大，造成相当于攻击力210%的法术伤害(可充能2次)</li>
<li>泼墨淋漓:攻击范围扩大，攻击力+40%，攻击速度+40，攻击范围内的所有敌人且对生命值低于一半的敌人造成的法术伤害提升至125%</li>
<li>写意胜形:攻击间隔增大(+40%)，优先攻击未阻挡的敌人，攻击范围与溅射范围扩大，攻击力+100%，每次攻击时在目标位置（可部署地面）召唤/刷新一个"小自在"（持续25秒）</li>
</ol>
</td>
<td>
<ol>
<li>化境:夕与"小自在"击杀一名敌人时，夕获得2%攻击力，最多可叠加15层</li>
<li>点睛:部署后首次攻击敌人时，在目标位置（可部署地面）召唤一个“小自在”（持续25秒）</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">医疗</td>
<td><img src="D:\云计算\web1\resources\img\纯烬艾雅法拉.png" width="400"></td>
<td>纯烬艾雅法拉</td>
<td>
<ol>
<li>无声润物:攻击力+30%，每次可额外治疗一名单位，攻击范围内所有友方单位每秒回复纯烬艾雅法拉攻击力6%的元素损伤(持续时间无限)</li>
<li>云霭荫佑:立即对攻击范围内所有友方单位进行一次治疗，并生成一个持续14秒的范围损伤屏障，为范围内的友方单位吸收相当于攻击力650%的元素损伤</li>
<li>火山回响:攻击范围扩大至整个战场，治疗变为45%治疗量和元素损伤回复量的5连发，优先治疗不同的目标，第二天赋的效果提升至3.8倍</li>
</ol>
</td>
<td>
<ol>
<li>氤氲:普通治疗使目标每秒额外受到一次治疗量和元素损伤回复量为10%的增益治疗，持续6秒（最多叠加3层</li>
<li>火山灰疗愈:攻击范围内的友方单位生命上限+6%，且受到的元素损伤降低12%</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云计算\web1\resources\img\阿米娅.png" width="400"></td>
<td>阿米娅</td>
<td>
<ol>
<li>哀恸共情:攻击速度+60，每次攻击时额外治疗自身周围一定范围内所有我方相当于攻击力20%的生命</li>
<li>慈悲愿景:立刻对攻击范围内所有敌人造成进行一次攻击力为170%的攻击并使目标在7秒内攻击速度-60，移动速度-60%，该次攻击每击中一个敌人获得攻击力+25%（最多叠加5次），接下来的伤害类型变为真实且可以同时攻击2名敌人；整场战斗中该技能只能释放一次</li>
<li>无</li>
</ol>
</td>
<td>
<ol>
<li>诚挚期许:在场时所有友方单位最大生命+8%，技能期间所有友方单位每秒恢复2.5%最大生命</li>
<li>无</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">辅助</td>
<td><img src="D:\云计算\web1\resources\img\令.png" width="400"></td>
<td>令</td>
<td>
<ol>
<li>重进酒:被动：召唤物可部署在近战位
开启：自身与召唤物攻击力+38%，攻击速度+38，召唤物伤害类型变为法术
技能开启时获得1个召唤物</li>
<li>笑鸣瑟:被动：召唤物可部署在远程位，攻击造成法术伤害
开启：令与召唤物对攻击范围内两名敌人造成370%攻击力的法术伤害并束缚2.5秒
技能结束时回收生命值低于一半的召唤物。可充能2次</li>
<li>宁作吾:被动：召唤物可部署在近战位且攻击范围内存在其他召唤物时与其合并为高级形态
开启：自身与召唤物攻击力+70%，防御力+60%，召唤物每0.5秒对周围四格敌人造成20%令攻击力的法术伤害
技能结束时获得1个召唤物</li>
</ol>
</td>
<td>
<ol>
<li>挑灯问梦:可以使用5个召唤物（最多同时部署3个），功能随技能选择而改变</li>
<li>随付笺咏醉屠苏:召唤物被击倒/吸收/回收时令额外获得3点技力、攻击力+3%（攻击力加成最多叠加5层）</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云计算\web1\resources\img\魔王.png" width="400"></td>
<td>魔王</td>
<td>
<ol>
<li>往昔萦绕身旁:自身特性效果提高至28%，“微尘”的重生速度加快(持续时间无限)</li>
<li>明日渺远不及:“微尘”上限+3，立刻获得6枚“微尘”，“微尘”旋转半径扩大，攻击范围内所有其他友方单位获得相当于魔王80%攻击力的鼓舞效果，“微尘”不再碰撞友方干员，“微尘”碰撞敌方单位时造成相当于魔王攻击力260%的真实伤害，并使目标束缚3秒</li>
<li>编织重构现世:攻击范围扩大，自身特性效果提高至75%，“微尘”不再消失，攻击范围内所有其它友方单位获得相当于魔王80%的最大生命值的鼓舞效果，每隔2秒重新分配攻击范围内所有友方单位的生命</li>
</ol>
</td>
<td>
<ol>
<li>过往尘埃:魔王周围持续围绕3枚“微尘”，“微尘”碰撞友方干员时，消失并使该干员受到魔王特性效果提升至1.5倍，持续6秒，消失的“微尘”在6秒后重生</li>
<li>魔王残响:上阵时，所有友方单位受到【萨卡兹】敌人的伤害降低10%</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">特种</td>
<td><img src="D:\云计算\web1\resources\img\缄默德克萨斯.png" width="400"></td>
<td>缄默德克萨斯</td>
<td>
<ol>
<li>细雨无声:部署后攻击力+55%，攻击使命中目标失去特殊能力8秒，期间目标每秒受到320点法术伤害</li>
<li>阵雨连绵:部署后立即对周围所有敌人造成相当于攻击力180%的法术伤害，并使命中目标在10秒内法术抗性-20%；攻击力+40%，攻击变为二连击并造成法术伤害</li>
<li>剑雨滂沱:部署后立即对周围所有敌人造成两次相当于攻击力130%的法术伤害并使目标晕眩1.5秒，之后每秒释放剑雨攻击范围内最多3个不同的目标，造成攻击力100%的法术伤害和0.2秒晕眩</li>
</ol>
</td>
<td>
<ol>
<li>德克萨斯传统:被动技能持续时间内攻击力+20%；首次击倒敌人时回复所有生命并重新释放被动技能</li>
<li>德克萨斯剑术:每次部署后击倒一名敌人之前，攻击速度+8，受到的所有伤害降低25%</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云计算\web1\resources\img\麒麟R夜刀.png" width="400"></td>
<td>麒麟R夜刀</td>
<td>
<ol>
<li>鬼人化:攻击速度+70，攻击变为二连击，且技能期间对同一目标的第三次攻击变为六连击</li>
<li>乱舞:第一天赋效果提升至2.1倍，攻击力提升至130%并对前方一格的所有敌人发动16次斩击，期间更容易受到敌人的攻击</li>
<li>空中回旋乱舞:向前突进2格，每突进一段距离都会对周围所有敌人发动攻击力260%的斩击；期间每攻击到一个敌人都会使突进距离延长（最多延长至5格，可以攻击空中单位）</li>
</ol>
</td>
<td>
<ol>
<li>双雷剑麒麟:攻击额外造成攻击力20%的法术伤害</li>
<li>鬼人强化状态:技能期间及技能结束后的10秒内攻击力+13%</li>
</ol>
</td>
</tr>
</table>
</body>
</html>
网页效果
image.png
总结
不会单独修改某一行的高度或某一列的宽度导致表格过大，展示效果不好，只有一小部分。
