作業(yè)分析
本次要使用table表格標(biāo)簽編寫如下
image.png
代碼實(shí)現(xiàn)
使用HTML標(biāo)簽，a標(biāo)簽（超鏈接），audio音頻標(biāo)簽，video視頻標(biāo)簽
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#a1{
color:#000;
text-decoration:none ;
font-size: 16px;
}
#a1:hover{
color:red;
font-size: 18px;
}
#a2{
color:#000;
text-decoration:none ;
font-size: 16px;
}
#a2:hover{
color:red;
font-size: 18px;
}
#a3{
color:#000;
text-decoration:none ;
font-size: 16px;
}
#a3:hover{
color:red;
font-size: 18px;
}
#a4{
color:#000;
text-decoration:none ;
font-size: 16px;
}
#a4:hover{
color:red;
font-size: 18px;
}
#a5{
color:#000;
text-decoration:none ;
font-size: 16px;
}
#a5:hover{
color:red;
font-size: 18px;
}
</style>
<script>
var audio=document.getElementById('myaudio');
audio.play();
audio.pause();
audio.volume=0.5;
</script>
</head>
<body>
<audio id="myaudio" controls>
<source src="./music/Dax - Lonely Dirt Road.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
<table border="1"
cellspacing="0"
cellspadding="10"
width="800"
align="center">
<tr width="800">
<td colspan="5" align="center"><a id="a1" target="_blank">永劫無(wú)間</a></td>
</tr>
<tr>
<td>姓名</td>
<td width="100px">圖片</td>
<td width="100px">視頻</td>
<td>技能介紹</td>
<td>評(píng)價(jià)</td>
</tr>
<tr>
<td> <a id="a2" target="_blank">土御門胡桃</a></td>
<td>
<img width="104px" height="auto" src="./images/hutao2.png"></a>
</td>
<td>
<video src="./視頻/胡桃.mp4" controls width="200px" height="auto">
Your browser does not support the audio element
</video>
</td>
<td>
<ul>
<li>庇護(hù)（可以連接一名隊(duì)友并持續(xù)治療雙方）</li>
<li>庇護(hù).增援（與庇護(hù)技能類似，但額外提升連接目標(biāo)20%的攻擊力）</li>
<li>庇護(hù).守護(hù)（與庇護(hù)類似，但額外為連接目標(biāo)增加20%傷害減免）</li>
<li>凈天地（清除所有減益效果并回復(fù)體力）</li>
<li>凈天地.固甲（凈天地效果由回復(fù)體力轉(zhuǎn)變?yōu)榛貜?fù)護(hù)甲）</li>
<li>凈天地.急療（不在釋放法陣，而是給全體隊(duì)友瞬間回復(fù)一定體力和護(hù)甲）</li>
</ul>
</td>
<td>永劫無(wú)間的爆金圣體，名副其實(shí)的“金堆”，一身生存技能點(diǎn)滿</td>
</tr>
<tr>
<td><a id="a3" target="_blank">張起靈</a></td>
<td>
<img width="100px" height="auto" src="./images/zql2.jpg"></a>
</td>
<td>
<video src="./視頻/張起靈.mp4" controls width="200px" height="auto">
Your browser does not support the audio element
</video>
</td>
<td>
<ul>
<li>F技能（閃避）（快速向前沖刺一段距離，對(duì)路徑上敵人造成持續(xù)傷害，并可持續(xù)使用兩次，第二次會(huì)有一個(gè)短暫的無(wú)敵時(shí)間，可用于躲避敵人攻擊）</li>
<li>V技能（秘術(shù)）（召喚一個(gè)秘術(shù)陣，對(duì)范圍內(nèi)的敵人造成持續(xù)傷害，并減少敵人移速，同時(shí)為隊(duì)友提供一定的增益效果）</li>
<li>奧義技能（張起靈的終極技能可以召喚一個(gè)強(qiáng)大的秘術(shù)風(fēng)暴，對(duì)范圍內(nèi)的敵人造成巨額傷害，并有控制效果）</li>
</ul>
</td>
<td>強(qiáng)度適中，F(xiàn)技能可以打控制，奧義可以力挽狂瀾也可奪命狂奔，及控制與輸出與一身</td>
</tr>
<tr>
<td><a id="a4" target="_blank">寧紅夜</a></td>
<td>
<img width="104px" height="auto" src="./images/nhy.webp">
</td>
<td>
<video src="./視頻/寧紅夜/寧紅夜.mp4" controls width="200px" height="auto">
Your browser does not support the audio element
</video>
</td>
<td>
<ul>
<li>昆侖決（快速擊飛身前敵人，受擊中可用）</li>
<li>昆侖決.封（對(duì)命中的敵人造成傷害，并使其在8秒內(nèi)無(wú)法使用技能和奧義，但無(wú)法打斷霸體招式）</li>
<li>昆侖決.禁療（對(duì)命中的敵人造成傷害，并在15秒內(nèi)降低其受到的治療效果，但無(wú)法打斷霸體招式）</li>
<li>赤練無(wú)明（召喚陰神之眼注視范圍內(nèi)的敵人，持續(xù)5秒。召喚結(jié)束后，被注視的敵人將被眩暈5秒，敵人被注視時(shí)無(wú)法使用飛索，寧紅夜在召喚時(shí)無(wú)法攻擊）</li>
</ul>
</td>
<td>適合新手，打架時(shí)直接不需要任何技巧，被控也沒(méi)用關(guān)系，你有F技能解控，打不過(guò)就開(kāi)奧義，定住敵人后能打就打，不能打就跑</td>
</tr>
<tr>
<td><a id="a5" target="_blank">季瑩瑩</a></td>
<td>
<img width="104px" height="auto" src="./images/jiyingying.webp" ></a>
</td>
<td>
<video src="./視頻/季瑩瑩/季瑩瑩.mp4" controls width="200px" height="auto">
Your browser does not support the audio element
</video>
</td>
<td>
<ul>
<li>幽冥火：季瑩瑩化身為不會(huì)受到打擊的“幽冥火”，持續(xù)3秒。1秒后可再次按F鍵擊退附近敵人，攻擊或使用道具會(huì)結(jié)束“幽冥火”，受擊中可用。該技能有三種變體.</li>
<li>無(wú)常鎖：季瑩瑩替換武器為“無(wú)常鎖”，持續(xù)30秒。隨著戰(zhàn)斗進(jìn)行，“無(wú)情勁”逐漸增長(zhǎng)，積累到最大值時(shí)，蓄力招式被替換為“鏈舞”。鏈舞是向前方快速甩出“無(wú)常鎖”，進(jìn)行連續(xù)三段打擊并回復(fù)自身，消耗全部“無(wú)情勁”12。</li>
</ul>
</td>
<td>沒(méi)玩過(guò)，但她的皮膚好看</td>
</tr>
</table>
</body>
</html>
個(gè)人總結(jié)
1.人物名字超鏈接到相應(yīng)的網(wǎng)站。永劫無(wú)間也超鏈接到永劫無(wú)間官方網(wǎng)站。
2.在將視頻做到表格標(biāo)簽時(shí)，因?yàn)橐曨l下載與格式問(wèn)題被卡了一段時(shí)間，但最終還是做出來(lái)了，但表格的設(shè)計(jì)還不夠完善，還需改進(jìn)。
