作業(yè)分析
用table表格標簽實現(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:\云計算\web1\resources\img\風笛.png" width="400"></td>
<td>風笛</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%，且額外攻擊一個目標</li>
<li>軍事傳統(tǒng)：編入隊伍時所有【先鋒】干員的初始技力+6</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計算\web1\resources\img\忍冬.png" width="400"></td>
<td>忍冬</td>
<td>
<ol>
<li>小施懲戒：下次攻擊額外造成攻擊力245%的法術(shù)傷害，并獲得1點部署費用(可充能3次)</il>
<li>墜刃拷問：立即獲得6點部署費用，對周圍最多6名敵人造成相當于攻擊力245%的法術(shù)傷害，并令擊中目標停頓4.5秒；若敵人已經(jīng)處于停頓狀態(tài)，則額外使敵人暈眩4.5秒(可充能2次)</il>
<li>隱狐之藝：技能開啟時立即獲得8點部署費用，攻擊距離+1，攻擊力+80%，攻擊速度從+170逐漸衰減至+0，同時攻擊阻擋的所有敵人，每次攻擊暈眩敵人0.2秒(若技能期間擊倒敵人，則技能結(jié)束時進入迷彩狀態(tài)，直至下一次開啟技能)</il>
</ol>
</td>
<td>
<ol>
<li>追兇：對每個敵人造成首次傷害后，10秒內(nèi)忍冬對該敵人造成傷害時額外造成攻擊力30%的法術(shù)傷害</li>
<li>蓄勢：在場時，部署費用的自然回復(fù)速度+10%，若4秒內(nèi)自身未受到傷害，則每秒恢復(fù)4%的最大生命值</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">近衛(wèi)</td>
<td><img src="D:\云計算\web1\resources\img\史爾特爾.png" width="400"></td>
<td>史爾特爾</td>
<td>
<ol>
<li>烈焰魔劍：下次攻擊的攻擊力提升至240%，如果將目標擊倒則立即恢復(fù)所有技力</li>
<li>熔核巨影：攻擊力+80%，攻擊距離+1，攻擊目標數(shù)+1，僅攻擊到一個敵人時對其攻擊力提升至150%</li>
<li>黃昏：立即恢復(fù)所有生命；攻擊力+240%，攻擊距離+2，攻擊目標數(shù)+2，生命上限+5000，逐漸失去生命（60秒后到達最大生命20%/秒）；持續(xù)時間無限</li>
</ol>
</td>
<td>
<ol>
<li>熔火：無視攻擊目標20法術(shù)抗性</li>
<li>余燼：受到致命傷害時持續(xù)使生命值不低于1，8秒后強制退出戰(zhàn)場</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計算\web1\resources\img\耀騎士臨光.png" width="400"></td>
<td>耀騎士臨光</td>
<td>
<ol>
<li>燦焰長刃：攻擊范圍擴大，攻擊力+55%，攻擊速度+38（持續(xù)時間無限）</li>
<li>逐夜爍光： 被動效果：部署不消耗部署位。 部署后攻擊力+120%，獲得3層護盾。技能結(jié)束后自動撤退，本次再部署時間延長25%，上一名部署干員勢力為【卡西米爾】時本次再部署時間不再延長</li>
<li>耀陽頷首：在周圍四格可部署地面召喚一把"耀陽"對周圍敵人造成100%耀騎士臨光攻擊力的真實傷害并暈眩3秒，自身攻擊范圍擴大，攻擊力+100%、防御力+70%，攻擊自身與"耀陽"阻擋的單位時傷害類型變?yōu)檎鎸?lt;/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%，普通攻擊造成法術(shù)傷害</li>
<li>銅?。和Ｖ构?；防御力+100%，阻擋數(shù)+1，每次受到攻擊時對目標造成相當于年攻擊力70%的法術(shù)傷害并使其失去特殊能力3秒</li>
<li>鐵御：攻擊力+80%；周圍其他友方干員的防御力+50%，阻擋數(shù)+1，并獲得抵抗</li>
</ol>
</td>
<td>
<ol>
<li>積甲成山：編入隊伍時，所有【重裝】職業(yè)干員的生命上限+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>化被草木:下一次攻擊會為周圍血量不足一半的一名友方單位恢復(fù)相當于攻擊力150%的生命(可充能2次)</li>
<li>嘉禾盈倉:停止攻擊專注治療范圍內(nèi)至多兩名我方單位，攻擊力+90%，阻擋數(shù)+1，第一天賦效果提升至1.4倍(治療擁有特殊間隔)</li>
<li>離離枯榮:治療范圍擴大，攻擊同時可治療我方干員，攻擊力+34%，有地面敵人處于播種地塊時技能范圍內(nèi)的我方單位攻擊力+20%、攻擊速度+20，敵人經(jīng)過播種地塊時獲得如下效果：當遠離該地塊達到3格時被傳送回該地塊</li>
</ol>
</td>
<td>
<ol>
<li>百谷長青:治療干員時對其與周圍四格地塊進行播種施加如下效果：每秒恢復(fù)70生命、獲得10%庇護</li>
<li>天有四時:在場時,場上有三名不同職業(yè)干員時所有干員生命上限+12%、三名相同職業(yè)干員時所有干員攻擊速度+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>“你須愧悔”:向前發(fā)射灼痕彈且每飛行一段距離在彈道上留下灼痕，到達攻擊范圍最遠距離時爆炸造成320%的物理傷害；之后灼痕依次爆炸造成160%的物理傷害</li>
<li>“你須償還”:持續(xù)固定攻擊范圍內(nèi)正前方最遠一格，爆炸范圍擴大，攻擊力提升至115%，對目標位置附近小范圍內(nèi)的敵人攻擊力額外提升至185%(持續(xù)時間無限，可主動關(guān)閉技能)</li>
</ol>
</td>
<td>
<ol>
<li>陳述苦難:自身生命會不斷流失（該效果不會使生命降至0）；生命值高于50%時獲得+25%攻擊力的精力充沛；高于80%效果翻倍</li>
<li>宣告終局:技能持續(xù)期間外，攻擊速度+27</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計算\web1\resources\img\維什戴爾.png" width="400"></td>
<td>維什戴爾</td>
<td>
<ol>
<il>定點清算:下次攻擊額外造成2次余震并使所有目標暈眩1秒，此次攻擊的濺射范圍略微擴大且余震傷害變?yōu)楣袅Φ?0%</il>
<il>飽和復(fù)仇:攻擊力+25%，攻擊間隔縮短，可同時攻擊3名敵人 過載：攻擊改為攻擊力70%的4連發(fā)，隨機攻擊范圍內(nèi)的目標(該技能可隨時主動關(guān)閉)</il>
<il>爆裂黎明:立刻在攻擊范圍內(nèi)召喚2個魂靈之影（最多存在3個，技能結(jié)束后保留），攻擊力+150%，攻擊間隔大幅增大(+2.9)，攻擊時攻擊力提升至190%，濺射范圍大幅擴大且第一天賦的發(fā)動概率提高至100%攻擊裝有6發(fā)彈藥，打完后結(jié)束（可隨時停止技能）</il>
</ol>
</td>
<td>
<ol>
<li>好禮:攻擊時對主目標的攻擊力提升至115%并為其附著殘影，殘影受到維什戴爾的余震影響時有15%概率爆炸，對周圍所有敵人造成150%攻擊力的物理傷害并使其暈眩1秒</li>
<li>死魂靈的余息:部署完成后立刻在攻擊范圍內(nèi)召喚一個魂靈之影，在魂靈之影周圍時獲得迷彩</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">術(shù)師</td>
<td><img src="D:\云計算\web1\resources\img\荒蕪拉普蘭德.png" width="400"></td>
<td>荒蕪拉普蘭德</td>
<td>
<ol>
<li>慵怠者悲鳴:被動效果：浮游單元+1
主動觸發(fā)可以在下列狀態(tài)和初始狀態(tài)間切換：
攻擊力+23%，釋放浮游單元隨機鎖定整個戰(zhàn)場內(nèi)的非移動敵人進行攻擊，目標移動或倒下后重新索敵</li>
<li>逐獵狂飆:浮游單元+3，攻擊范圍擴大，攻擊力+80%，釋放浮游單元隨機鎖定敵人攻擊，浮游單元攻擊時有10%幾率使目標恐懼1秒(浮游單元在鎖定目標倒下后重新索敵，直至技能結(jié)束后返回干員身邊)</li>
<li>終幕·浩劫:浮游單元+2，攻擊力+60%，釋放特殊形態(tài)的浮游單元散開后在整個戰(zhàn)場范圍各自追逐較近的敵人，追上時使目標恐懼2秒并鎖定其攻擊，浮游單元周圍的敵人移動速度-40%且每秒受到相當于攻擊力100%的法術(shù)傷害（不疊加）；浮游單元在鎖定目標倒下后重新索敵，直至技能結(jié)束后返回干員身邊</li>
</ol>
</td>
<td>
<ol>
<li>頭狼:每在場上停留20秒，浮游單元依次獲得以下一個效果：傷害上限提高10%、造成傷害時使目標特殊能力失效2秒、數(shù)量+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%的法術(shù)傷害(可充能2次)</li>
<li>潑墨淋漓:攻擊范圍擴大，攻擊力+40%，攻擊速度+40，攻擊范圍內(nèi)的所有敵人且對生命值低于一半的敵人造成的法術(shù)傷害提升至125%</li>
<li>寫意勝形:攻擊間隔增大(+40%)，優(yōu)先攻擊未阻擋的敵人，攻擊范圍與濺射范圍擴大，攻擊力+100%，每次攻擊時在目標位置（可部署地面）召喚/刷新一個"小自在"（持續(xù)25秒）</li>
</ol>
</td>
<td>
<ol>
<li>化境:夕與"小自在"擊殺一名敵人時，夕獲得2%攻擊力，最多可疊加15層</li>
<li>點睛:部署后首次攻擊敵人時，在目標位置（可部署地面）召喚一個“小自在”（持續(xù)25秒）</li>
</ol>
</td>
</tr>
<tr>
<td rowspan="2">醫(yī)療</td>
<td><img src="D:\云計算\web1\resources\img\純燼艾雅法拉.png" width="400"></td>
<td>純燼艾雅法拉</td>
<td>
<ol>
<li>無聲潤物:攻擊力+30%，每次可額外治療一名單位，攻擊范圍內(nèi)所有友方單位每秒回復(fù)純燼艾雅法拉攻擊力6%的元素損傷(持續(xù)時間無限)</li>
<li>云靄蔭佑:立即對攻擊范圍內(nèi)所有友方單位進行一次治療，并生成一個持續(xù)14秒的范圍損傷屏障，為范圍內(nèi)的友方單位吸收相當于攻擊力650%的元素損傷</li>
<li>火山回響:攻擊范圍擴大至整個戰(zhàn)場，治療變?yōu)?5%治療量和元素損傷回復(fù)量的5連發(fā)，優(yōu)先治療不同的目標，第二天賦的效果提升至3.8倍</li>
</ol>
</td>
<td>
<ol>
<li>氤氳:普通治療使目標每秒額外受到一次治療量和元素損傷回復(fù)量為10%的增益治療，持續(xù)6秒（最多疊加3層</li>
<li>火山灰療愈:攻擊范圍內(nèi)的友方單位生命上限+6%，且受到的元素損傷降低12%</li>
</ol>
</td>
</tr>
<tr>
<td><img src="D:\云計算\web1\resources\img\阿米婭.png" width="400"></td>
<td>阿米婭</td>
<td>
<ol>
<li>哀慟共情:攻擊速度+60，每次攻擊時額外治療自身周圍一定范圍內(nèi)所有我方相當于攻擊力20%的生命</li>
<li>慈悲愿景:立刻對攻擊范圍內(nèi)所有敵人造成進行一次攻擊力為170%的攻擊并使目標在7秒內(nèi)攻擊速度-60，移動速度-60%，該次攻擊每擊中一個敵人獲得攻擊力+25%（最多疊加5次），接下來的傷害類型變?yōu)檎鎸嵡铱梢酝瑫r攻擊2名敵人；整場戰(zhàn)斗中該技能只能釋放一次</li>
<li>無</li>
</ol>
</td>
<td>
<ol>
<li>誠摯期許:在場時所有友方單位最大生命+8%，技能期間所有友方單位每秒恢復(fù)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>重進酒:被動：召喚物可部署在近戰(zhàn)位
開啟：自身與召喚物攻擊力+38%，攻擊速度+38，召喚物傷害類型變?yōu)榉ㄐg(shù)
技能開啟時獲得1個召喚物</li>
<li>笑鳴瑟:被動：召喚物可部署在遠程位，攻擊造成法術(shù)傷害
開啟：令與召喚物對攻擊范圍內(nèi)兩名敵人造成370%攻擊力的法術(shù)傷害并束縛2.5秒
技能結(jié)束時回收生命值低于一半的召喚物?？沙淠?次</li>
<li>寧作吾:被動：召喚物可部署在近戰(zhàn)位且攻擊范圍內(nèi)存在其他召喚物時與其合并為高級形態(tài)
開啟：自身與召喚物攻擊力+70%，防御力+60%，召喚物每0.5秒對周圍四格敵人造成20%令攻擊力的法術(shù)傷害
技能結(jié)束時獲得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%，“微塵”的重生速度加快(持續(xù)時間無限)</li>
<li>明日渺遠不及:“微塵”上限+3，立刻獲得6枚“微塵”，“微塵”旋轉(zhuǎn)半徑擴大，攻擊范圍內(nèi)所有其他友方單位獲得相當于魔王80%攻擊力的鼓舞效果，“微塵”不再碰撞友方干員，“微塵”碰撞敵方單位時造成相當于魔王攻擊力260%的真實傷害，并使目標束縛3秒</li>
<li>編織重構(gòu)現(xiàn)世:攻擊范圍擴大，自身特性效果提高至75%，“微塵”不再消失，攻擊范圍內(nèi)所有其它友方單位獲得相當于魔王80%的最大生命值的鼓舞效果，每隔2秒重新分配攻擊范圍內(nèi)所有友方單位的生命</li>
</ol>
</td>
<td>
<ol>
<li>過往塵埃:魔王周圍持續(xù)圍繞3枚“微塵”，“微塵”碰撞友方干員時，消失并使該干員受到魔王特性效果提升至1.5倍，持續(xù)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點法術(shù)傷害</li>
<li>陣雨連綿:部署后立即對周圍所有敵人造成相當于攻擊力180%的法術(shù)傷害，并使命中目標在10秒內(nèi)法術(shù)抗性-20%；攻擊力+40%，攻擊變?yōu)槎B擊并造成法術(shù)傷害</li>
<li>劍雨滂沱:部署后立即對周圍所有敵人造成兩次相當于攻擊力130%的法術(shù)傷害并使目標暈眩1.5秒，之后每秒釋放劍雨攻擊范圍內(nèi)最多3個不同的目標，造成攻擊力100%的法術(shù)傷害和0.2秒暈眩</li>
</ol>
</td>
<td>
<ol>
<li>德克薩斯傳統(tǒng):被動技能持續(xù)時間內(nèi)攻擊力+20%；首次擊倒敵人時回復(fù)所有生命并重新釋放被動技能</li>
<li>德克薩斯劍術(shù):每次部署后擊倒一名敵人之前，攻擊速度+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，攻擊變?yōu)槎B擊，且技能期間對同一目標的第三次攻擊變?yōu)榱B擊</li>
<li>亂舞:第一天賦效果提升至2.1倍，攻擊力提升至130%并對前方一格的所有敵人發(fā)動16次斬擊，期間更容易受到敵人的攻擊</li>
<li>空中回旋亂舞:向前突進2格，每突進一段距離都會對周圍所有敵人發(fā)動攻擊力260%的斬擊；期間每攻擊到一個敵人都會使突進距離延長（最多延長至5格，可以攻擊空中單位）</li>
</ol>
</td>
<td>
<ol>
<li>雙雷劍麒麟:攻擊額外造成攻擊力20%的法術(shù)傷害</li>
<li>鬼人強化狀態(tài):技能期間及技能結(jié)束后的10秒內(nèi)攻擊力+13%</li>
</ol>
</td>
</tr>
</table>
</body>
</html>
網(wǎng)頁效果
image.png
總結(jié)
不會單獨修改某一行的高度或某一列的寬度導致表格過大，展示效果不好，只有一小部分。
