作業(yè)分析
用table表格標(biāo)簽實(shí)現(xiàn)對“明日方舟”各職業(yè)干員的介紹
代碼如下
<!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>職業(yè)</th>
<th>圖片</th>
<th>代號</th>
<th>技能</th>
<th>天賦</th>
</tr>
<tr>
<td rowspan="2">先鋒</td>
<td><img src="D:\云計(jì)算\web1\resources\img\風(fēng)笛.png" width="400"></td>
<td>風(fēng)笛</td>
<td>
<ol>
<li>迅捷打擊·γ型：攻擊力+34%崎场，攻擊速度+35</li>
<li>高效沖擊：下一次的攻擊力提升至160%，且額外攻擊一次(可充能2次)</li>
<li>閉膛連發(fā)：攻擊間隔增大(+70%)读存，阻擋數(shù)+1，攻擊力和防御力+90%，攻擊變?yōu)槿B擊</li>
</ol>
</td>
<td>
<ol>
<li>精密填彈：每次攻擊有25%的概率攻擊力提升至130%边败，且額外攻擊一個(gè)目標(biāo)</li>
<li>軍事傳統(tǒng)：編入隊(duì)伍時(shí)所有【先鋒】干員的初始技力+6</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計(jì)算\web1\resources\img\忍冬.png" width="400"></td>
<td>忍冬</td>
<td>
<ol>
<li>小施懲戒：下次攻擊額外造成攻擊力245%的法術(shù)傷害，并獲得1點(diǎn)部署費(fèi)用(可充能3次)</il>
<li>墜刃拷問：立即獲得6點(diǎn)部署費(fèi)用捎废，對周圍最多6名敵人造成相當(dāng)于攻擊力245%的法術(shù)傷害笑窜，并令擊中目標(biāo)停頓4.5秒；若敵人已經(jīng)處于停頓狀態(tài)登疗，則額外使敵人暈眩4.5秒(可充能2次)</il>
<li>隱狐之藝：技能開啟時(shí)立即獲得8點(diǎn)部署費(fèi)用排截，攻擊距離+1，攻擊力+80%辐益，攻擊速度從+170逐漸衰減至+0断傲，同時(shí)攻擊阻擋的所有敵人，每次攻擊暈眩敵人0.2秒(若技能期間擊倒敵人荷腊，則技能結(jié)束時(shí)進(jìn)入迷彩狀態(tài)艳悔，直至下一次開啟技能)</il>
</ol>
</td>
<td>
<ol>
<li>追兇：對每個(gè)敵人造成首次傷害后，10秒內(nèi)忍冬對該敵人造成傷害時(shí)額外造成攻擊力30%的法術(shù)傷害</li>
<li>蓄勢：在場時(shí)女仰，部署費(fèi)用的自然回復(fù)速度+10%猜年，若4秒內(nèi)自身未受到傷害，則每秒恢復(fù)4%的最大生命值</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">近衛(wèi)</td>
<td><img src="D:\云計(jì)算\web1\resources\img\史爾特爾.png" width="400"></td>
<td>史爾特爾</td>
<td>
<ol>
<li>烈焰魔劍：下次攻擊的攻擊力提升至240%疾忍，如果將目標(biāo)擊倒則立即恢復(fù)所有技力</li>
<li>熔核巨影：攻擊力+80%乔外，攻擊距離+1，攻擊目標(biāo)數(shù)+1一罩，僅攻擊到一個(gè)敵人時(shí)對其攻擊力提升至150%</li>
<li>黃昏：立即恢復(fù)所有生命杨幼；攻擊力+240%，攻擊距離+2，攻擊目標(biāo)數(shù)+2差购，生命上限+5000四瘫，逐漸失去生命（60秒后到達(dá)最大生命20%/秒）；持續(xù)時(shí)間無限</li>
</ol>
</td>
<td>
<ol>
<li>熔火：無視攻擊目標(biāo)20法術(shù)抗性</li>
<li>余燼：受到致命傷害時(shí)持續(xù)使生命值不低于1欲逃，8秒后強(qiáng)制退出戰(zhàn)場</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計(jì)算\web1\resources\img\耀騎士臨光.png" width="400"></td>
<td>耀騎士臨光</td>
<td>
<ol>
<li>燦焰長刃：攻擊范圍擴(kuò)大找蜜，攻擊力+55%，攻擊速度+38（持續(xù)時(shí)間無限）</li>
<li>逐夜?fàn)q光： 被動(dòng)效果：部署不消耗部署位稳析。 部署后攻擊力+120%洗做，獲得3層護(hù)盾。技能結(jié)束后自動(dòng)撤退彰居，本次再部署時(shí)間延長25%诚纸，上一名部署干員勢力為【卡西米爾】時(shí)本次再部署時(shí)間不再延長</li>
<li>耀陽頷首：在周圍四格可部署地面召喚一把"耀陽"對周圍敵人造成100%耀騎士臨光攻擊力的真實(shí)傷害并暈眩3秒，自身攻擊范圍擴(kuò)大陈惰，攻擊力+100%畦徘、防御力+70%，攻擊自身與"耀陽"阻擋的單位時(shí)傷害類型變?yōu)檎鎸?shí)</li>
</ol>
</td>
<td>
<ol>
<li>不畏苦暗：部署時(shí)對周圍四格敵人造成80%攻擊力的真實(shí)傷害并暈眩3秒抬闯，上一名部署干員勢力為【卡西米爾】時(shí)額外造成一次傷害</li>
<li>破曉：攻擊無視敵人25%的防御力</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">重裝</td>
<td><img src="D:\云計(jì)算\web1\resources\img\年.png" width="400"></td>
<td>年</td>
<td>
<ol>
<li>錫灼：防御力+55%旧烧，攻擊力+30%，普通攻擊造成法術(shù)傷害</li>
<li>銅踊琛：停止攻擊；防御力+100%平委，阻擋數(shù)+1奈虾，每次受到攻擊時(shí)對目標(biāo)造成相當(dāng)于年攻擊力70%的法術(shù)傷害并使其失去特殊能力3秒</li>
<li>鐵御：攻擊力+80%；周圍其他友方干員的防御力+50%廉赔，阻擋數(shù)+1肉微，并獲得抵抗</li>
</ol>
</td>
<td>
<ol>
<li>積甲成山：編入隊(duì)伍時(shí)，所有【重裝】職業(yè)干員的生命上限+16%</li>
<li>干明可鑒：部署后立即獲得3層護(hù)盾</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計(jì)算\web1\resources\img\黍.png" width="400"></td>
<td>黍</td>
<td>
<ol>
<li>化被草木:下一次攻擊會(huì)為周圍血量不足一半的一名友方單位恢復(fù)相當(dāng)于攻擊力150%的生命(可充能2次)</li>
<li>嘉禾盈倉:停止攻擊專注治療范圍內(nèi)至多兩名我方單位蜡塌，攻擊力+90%碉纳，阻擋數(shù)+1，第一天賦效果提升至1.4倍(治療擁有特殊間隔)</li>
<li>離離枯榮:治療范圍擴(kuò)大馏艾，攻擊同時(shí)可治療我方干員劳曹，攻擊力+34%，有地面敵人處于播種地塊時(shí)技能范圍內(nèi)的我方單位攻擊力+20%琅摩、攻擊速度+20铁孵，敵人經(jīng)過播種地塊時(shí)獲得如下效果：當(dāng)遠(yuǎn)離該地塊達(dá)到3格時(shí)被傳送回該地塊</li>
</ol>
</td>
<td>
<ol>
<li>百谷長青:治療干員時(shí)對其與周圍四格地塊進(jìn)行播種施加如下效果：每秒恢復(fù)70生命、獲得10%庇護(hù)</li>
<li>天有四時(shí):在場時(shí),場上有三名不同職業(yè)干員時(shí)所有干員生命上限+12%恋日、三名相同職業(yè)干員時(shí)所有干員攻擊速度+12圃验，編入隊(duì)伍且編隊(duì)中有四名【歲】干員時(shí)所有干員攻擊力+12%且4秒獲得1點(diǎn)技力</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">狙擊</td>
<td><img src="D:\云計(jì)算\web1\resources\img\菲亞梅塔.png" width="400"></td>
<td>菲亞梅塔</td>
<td>
<ol>
<li>“你須直面”:攻擊距離+1觉吭，攻擊力+60%</li>
<li>“你須愧悔”:向前發(fā)射灼痕彈且每飛行一段距離在彈道上留下灼痕坎怪，到達(dá)攻擊范圍最遠(yuǎn)距離時(shí)爆炸造成320%的物理傷害岖沛；之后灼痕依次爆炸造成160%的物理傷害</li>
<li>“你須償還”:持續(xù)固定攻擊范圍內(nèi)正前方最遠(yuǎn)一格暑始，爆炸范圍擴(kuò)大，攻擊力提升至115%婴削，對目標(biāo)位置附近小范圍內(nèi)的敵人攻擊力額外提升至185%(持續(xù)時(shí)間無限廊镜，可主動(dòng)關(guān)閉技能)</li>
</ol>
</td>
<td>
<ol>
<li>陳述苦難:自身生命會(huì)不斷流失（該效果不會(huì)使生命降至0）；生命值高于50%時(shí)獲得+25%攻擊力的精力充沛馆蠕；高于80%效果翻倍</li>
<li>宣告終局:技能持續(xù)期間外期升，攻擊速度+27</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計(jì)算\web1\resources\img\維什戴爾.png" width="400"></td>
<td>維什戴爾</td>
<td>
<ol>
<il>定點(diǎn)清算:下次攻擊額外造成2次余震并使所有目標(biāo)暈眩1秒，此次攻擊的濺射范圍略微擴(kuò)大且余震傷害變?yōu)楣袅Φ?0%</il>
<il>飽和復(fù)仇:攻擊力+25%互躬，攻擊間隔縮短播赁，可同時(shí)攻擊3名敵人 過載：攻擊改為攻擊力70%的4連發(fā)，隨機(jī)攻擊范圍內(nèi)的目標(biāo)(該技能可隨時(shí)主動(dòng)關(guān)閉)</il>
<il>爆裂黎明:立刻在攻擊范圍內(nèi)召喚2個(gè)魂靈之影（最多存在3個(gè)吼渡，技能結(jié)束后保留）容为，攻擊力+150%，攻擊間隔大幅增大(+2.9)寺酪，攻擊時(shí)攻擊力提升至190%坎背，濺射范圍大幅擴(kuò)大且第一天賦的發(fā)動(dòng)概率提高至100%攻擊裝有6發(fā)彈藥，打完后結(jié)束（可隨時(shí)停止技能）</il>
</ol>
</td>
<td>
<ol>
<li>好禮:攻擊時(shí)對主目標(biāo)的攻擊力提升至115%并為其附著殘影寄雀，殘影受到維什戴爾的余震影響時(shí)有15%概率爆炸得滤，對周圍所有敵人造成150%攻擊力的物理傷害并使其暈眩1秒</li>
<li>死魂靈的余息:部署完成后立刻在攻擊范圍內(nèi)召喚一個(gè)魂靈之影，在魂靈之影周圍時(shí)獲得迷彩</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">術(shù)師</td>
<td><img src="D:\云計(jì)算\web1\resources\img\荒蕪拉普蘭德.png" width="400"></td>
<td>荒蕪拉普蘭德</td>
<td>
<ol>
<li>慵怠者悲鳴:被動(dòng)效果：浮游單元+1
主動(dòng)觸發(fā)可以在下列狀態(tài)和初始狀態(tài)間切換：
攻擊力+23%盒犹，釋放浮游單元隨機(jī)鎖定整個(gè)戰(zhàn)場內(nèi)的非移動(dòng)敵人進(jìn)行攻擊懂更，目標(biāo)移動(dòng)或倒下后重新索敵</li>
<li>逐獵狂飆:浮游單元+3，攻擊范圍擴(kuò)大急膀，攻擊力+80%沮协，釋放浮游單元隨機(jī)鎖定敵人攻擊，浮游單元攻擊時(shí)有10%幾率使目標(biāo)恐懼1秒(浮游單元在鎖定目標(biāo)倒下后重新索敵卓嫂，直至技能結(jié)束后返回干員身邊)</li>
<li>終幕·浩劫:浮游單元+2慷暂，攻擊力+60%，釋放特殊形態(tài)的浮游單元散開后在整個(gè)戰(zhàn)場范圍各自追逐較近的敵人晨雳，追上時(shí)使目標(biāo)恐懼2秒并鎖定其攻擊行瑞，浮游單元周圍的敵人移動(dòng)速度-40%且每秒受到相當(dāng)于攻擊力100%的法術(shù)傷害（不疊加）；浮游單元在鎖定目標(biāo)倒下后重新索敵悍募，直至技能結(jié)束后返回干員身邊</li>
</ol>
</td>
<td>
<ol>
<li>頭狼:每在場上停留20秒蘑辑，浮游單元依次獲得以下一個(gè)效果：傷害上限提高10%、造成傷害時(shí)使目標(biāo)特殊能力失效2秒坠宴、數(shù)量+1</li>
<li>敘拉古的榮幸:編入隊(duì)伍時(shí)所有【敘拉古】干員的初始技力+5</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計(jì)算\web1\resources\img\夕.png" width="400"></td>
<td>夕</td>
<td>
<ol>
<li>工筆入化:下一次攻擊濺射范圍擴(kuò)大洋魂，造成相當(dāng)于攻擊力210%的法術(shù)傷害(可充能2次)</li>
<li>潑墨淋漓:攻擊范圍擴(kuò)大，攻擊力+40%，攻擊速度+40副砍，攻擊范圍內(nèi)的所有敵人且對生命值低于一半的敵人造成的法術(shù)傷害提升至125%</li>
<li>寫意勝形:攻擊間隔增大(+40%)衔肢，優(yōu)先攻擊未阻擋的敵人，攻擊范圍與濺射范圍擴(kuò)大豁翎，攻擊力+100%角骤，每次攻擊時(shí)在目標(biāo)位置（可部署地面）召喚/刷新一個(gè)"小自在"（持續(xù)25秒）</li>
</ol>
</td>
<td>
<ol>
<li>化境:夕與"小自在"擊殺一名敵人時(shí)，夕獲得2%攻擊力心剥，最多可疊加15層</li>
<li>點(diǎn)睛:部署后首次攻擊敵人時(shí)邦尊，在目標(biāo)位置（可部署地面）召喚一個(gè)“小自在”（持續(xù)25秒）</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">醫(yī)療</td>
<td><img src="D:\云計(jì)算\web1\resources\img\純燼艾雅法拉.png" width="400"></td>
<td>純燼艾雅法拉</td>
<td>
<ol>
<li>無聲潤物:攻擊力+30%，每次可額外治療一名單位优烧，攻擊范圍內(nèi)所有友方單位每秒回復(fù)純燼艾雅法拉攻擊力6%的元素?fù)p傷(持續(xù)時(shí)間無限)</li>
<li>云靄蔭佑:立即對攻擊范圍內(nèi)所有友方單位進(jìn)行一次治療蝉揍，并生成一個(gè)持續(xù)14秒的范圍損傷屏障，為范圍內(nèi)的友方單位吸收相當(dāng)于攻擊力650%的元素?fù)p傷</li>
<li>火山回響:攻擊范圍擴(kuò)大至整個(gè)戰(zhàn)場畦娄，治療變?yōu)?5%治療量和元素?fù)p傷回復(fù)量的5連發(fā)又沾，優(yōu)先治療不同的目標(biāo)，第二天賦的效果提升至3.8倍</li>
</ol>
</td>
<td>
<ol>
<li>氤氳:普通治療使目標(biāo)每秒額外受到一次治療量和元素?fù)p傷回復(fù)量為10%的增益治療熙卡，持續(xù)6秒（最多疊加3層</li>
<li>火山灰療愈:攻擊范圍內(nèi)的友方單位生命上限+6%杖刷，且受到的元素?fù)p傷降低12%</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計(jì)算\web1\resources\img\阿米婭.png" width="400"></td>
<td>阿米婭</td>
<td>
<ol>
<li>哀慟共情:攻擊速度+60，每次攻擊時(shí)額外治療自身周圍一定范圍內(nèi)所有我方相當(dāng)于攻擊力20%的生命</li>
<li>慈悲愿景:立刻對攻擊范圍內(nèi)所有敵人造成進(jìn)行一次攻擊力為170%的攻擊并使目標(biāo)在7秒內(nèi)攻擊速度-60驳癌，移動(dòng)速度-60%滑燃，該次攻擊每擊中一個(gè)敵人獲得攻擊力+25%（最多疊加5次），接下來的傷害類型變?yōu)檎鎸?shí)且可以同時(shí)攻擊2名敵人颓鲜；整場戰(zhàn)斗中該技能只能釋放一次</li>
<li>無</li>
</ol>
</td>
<td>
<ol>
<li>誠摯期許:在場時(shí)所有友方單位最大生命+8%不瓶，技能期間所有友方單位每秒恢復(fù)2.5%最大生命</li>
<li>無</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">輔助</td>
<td><img src="D:\云計(jì)算\web1\resources\img\令.png" width="400"></td>
<td>令</td>
<td>
<ol>
<li>重進(jìn)酒:被動(dòng)：召喚物可部署在近戰(zhàn)位
開啟：自身與召喚物攻擊力+38%，攻擊速度+38灾杰，召喚物傷害類型變?yōu)榉ㄐg(shù)
技能開啟時(shí)獲得1個(gè)召喚物</li>
<li>笑鳴瑟:被動(dòng)：召喚物可部署在遠(yuǎn)程位，攻擊造成法術(shù)傷害
開啟：令與召喚物對攻擊范圍內(nèi)兩名敵人造成370%攻擊力的法術(shù)傷害并束縛2.5秒
技能結(jié)束時(shí)回收生命值低于一半的召喚物熙参⊙薹停可充能2次</li>
<li>寧作吾:被動(dòng)：召喚物可部署在近戰(zhàn)位且攻擊范圍內(nèi)存在其他召喚物時(shí)與其合并為高級形態(tài)
開啟：自身與召喚物攻擊力+70%，防御力+60%孽椰，召喚物每0.5秒對周圍四格敵人造成20%令攻擊力的法術(shù)傷害
技能結(jié)束時(shí)獲得1個(gè)召喚物</li>
</ol>
</td>
<td>
<ol>
<li>挑燈問夢:可以使用5個(gè)召喚物（最多同時(shí)部署3個(gè)）昭娩，功能隨技能選擇而改變</li>
<li>隨付箋詠?zhàn)硗捞K:召喚物被擊倒/吸收/回收時(shí)令額外獲得3點(diǎn)技力、攻擊力+3%（攻擊力加成最多疊加5層）</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計(jì)算\web1\resources\img\魔王.png" width="400"></td>
<td>魔王</td>
<td>
<ol>
<li>往昔縈繞身旁:自身特性效果提高至28%黍匾，“微塵”的重生速度加快(持續(xù)時(shí)間無限)</li>
<li>明日渺遠(yuǎn)不及:“微塵”上限+3栏渺，立刻獲得6枚“微塵”，“微塵”旋轉(zhuǎn)半徑擴(kuò)大锐涯，攻擊范圍內(nèi)所有其他友方單位獲得相當(dāng)于魔王80%攻擊力的鼓舞效果磕诊，“微塵”不再碰撞友方干員，“微塵”碰撞敵方單位時(shí)造成相當(dāng)于魔王攻擊力260%的真實(shí)傷害，并使目標(biāo)束縛3秒</li>
<li>編織重構(gòu)現(xiàn)世:攻擊范圍擴(kuò)大霎终，自身特性效果提高至75%滞磺，“微塵”不再消失，攻擊范圍內(nèi)所有其它友方單位獲得相當(dāng)于魔王80%的最大生命值的鼓舞效果莱褒，每隔2秒重新分配攻擊范圍內(nèi)所有友方單位的生命</li>
</ol>
</td>
<td>
<ol>
<li>過往塵埃:魔王周圍持續(xù)圍繞3枚“微塵”击困，“微塵”碰撞友方干員時(shí)，消失并使該干員受到魔王特性效果提升至1.5倍广凸，持續(xù)6秒阅茶，消失的“微塵”在6秒后重生</li>
<li>魔王殘響:上陣時(shí)，所有友方單位受到【薩卡茲】敵人的傷害降低10%</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">特種</td>
<td><img src="D:\云計(jì)算\web1\resources\img\緘默德克薩斯.png" width="400"></td>
<td>緘默德克薩斯</td>
<td>
<ol>
<li>細(xì)雨無聲:部署后攻擊力+55%谅海，攻擊使命中目標(biāo)失去特殊能力8秒脸哀，期間目標(biāo)每秒受到320點(diǎn)法術(shù)傷害</li>
<li>陣雨連綿:部署后立即對周圍所有敵人造成相當(dāng)于攻擊力180%的法術(shù)傷害，并使命中目標(biāo)在10秒內(nèi)法術(shù)抗性-20%胁赢；攻擊力+40%企蹭，攻擊變?yōu)槎B擊并造成法術(shù)傷害</li>
<li>劍雨滂沱:部署后立即對周圍所有敵人造成兩次相當(dāng)于攻擊力130%的法術(shù)傷害并使目標(biāo)暈眩1.5秒，之后每秒釋放劍雨攻擊范圍內(nèi)最多3個(gè)不同的目標(biāo)智末，造成攻擊力100%的法術(shù)傷害和0.2秒暈眩</li>
</ol>
</td>
<td>
<ol>
<li>德克薩斯傳統(tǒng):被動(dòng)技能持續(xù)時(shí)間內(nèi)攻擊力+20%谅摄；首次擊倒敵人時(shí)回復(fù)所有生命并重新釋放被動(dòng)技能</li>
<li>德克薩斯劍術(shù):每次部署后擊倒一名敵人之前，攻擊速度+8系馆，受到的所有傷害降低25%</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計(jì)算\web1\resources\img\麒麟R夜刀.png" width="400"></td>
<td>麒麟R夜刀</td>
<td>
<ol>
<li>鬼人化:攻擊速度+70送漠，攻擊變?yōu)槎B擊，且技能期間對同一目標(biāo)的第三次攻擊變?yōu)榱B擊</li>
<li>亂舞:第一天賦效果提升至2.1倍由蘑，攻擊力提升至130%并對前方一格的所有敵人發(fā)動(dòng)16次斬?fù)裘龉眩陂g更容易受到敵人的攻擊</li>
<li>空中回旋亂舞:向前突進(jìn)2格，每突進(jìn)一段距離都會(huì)對周圍所有敵人發(fā)動(dòng)攻擊力260%的斬?fù)裟崮穑黄陂g每攻擊到一個(gè)敵人都會(huì)使突進(jìn)距離延長（最多延長至5格爷狈，可以攻擊空中單位）</li>
</ol>
</td>
<td>
<ol>
<li>雙雷劍麒麟:攻擊額外造成攻擊力20%的法術(shù)傷害</li>
<li>鬼人強(qiáng)化狀態(tài):技能期間及技能結(jié)束后的10秒內(nèi)攻擊力+13%</li>
</ol>
</td>
</tr>
</table>
</body>
</html>
網(wǎng)頁效果
image.png
總結(jié)
不會(huì)單獨(dú)修改某一行的高度或某一列的寬度導(dǎo)致表格過大，展示效果不好裳擎，只有一小部分涎永。
