本次作業(yè)需用表格標(biāo)簽制作一個(gè)關(guān)于游戲英雄技能的表格,并且點(diǎn)擊英雄圖片可以跳轉(zhuǎn)到相應(yīng)的官網(wǎng)。表格如下:

代碼實(shí)現(xiàn)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1" cellpading="10" cellspacing="0" width="1700">
<thead>
<tr bgcolor="grey">
<th >類(lèi)型</th>
<th >圖片</th>
<th >英雄名稱</th>
<th >被動(dòng)</th>
<th >技能</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2" >射手</td>
<td><a ><img src="./R-C (1).png" width="200px"></a>
</td>
<td>虞姬</td>
<td>普攻有25%幾率追加一次普攻,造成物理傷害并減少目標(biāo)移速,效果可疊加3層</td>
<td><ul>
<li>楚歌起</li>
<li>大風(fēng)來(lái)</li>
<li>陣前舞</li>
</ul></td>
</tr>
<tr>
<td><a ><img src="./16820821713979.webp" width="200px"></a>
</td>
<td>公孫離</td>
<td>普攻疊加印記,每四層印記觸發(fā)一次爆炸,對(duì)周?chē)鷶橙嗽斐煞ㄐg(shù)傷害并減少技能冷卻時(shí)間。釋放技能或收回紙傘后普攻額外投擲飛鏢造成物理傷害1。</td>
<td><ul>
<li>飛燕回旋</li>
<li>霜葉舞</li>
<li>孤鶩斷霞</li>
</ul>
</td>
</tr>
<tr>
<td rowspan="2">法師</td>
<td><a ><img src="./17071255458437.webp" width="200px"></a>
</td>
<td>安琪拉</td>
<td>安琪拉的技能會(huì)灼燒敵人,每層灼燒效果會(huì)造成11(+2%法術(shù)加成)點(diǎn)法術(shù)傷害,灼燒效果最多疊加10層。</td>
<td>
<ul>
<li>火球術(shù)</li>
<li>混沌火種</li>
<li>熾熱光輝</li>
</ul>
</td>
</tr>
<tr>
<td><a ><img src="./74f641e3b1aa37ffdb06e65a06c5d9262292286956104806250.jpg" width="200px">
</a>
</td>
<td>小喬</td>
<td>小喬釋放技能命中敵人時(shí),會(huì)增加25%移動(dòng)速度,持續(xù)2秒</td>
<td><ul>
<li>綻放之舞</li>
<li>甜蜜戀風(fēng)</li>
<li>星華繚亂</li>
</ul>
</td>
</tr>
<tr>
<td rowspan="2">打野</td>
<td><a ><img src="./R-C.png" width="200px"></a>
</td>
<td>李白</td>
<td>李白使用普通攻擊攻擊敵人時(shí),會(huì)積累1道劍氣,持續(xù)3秒;積累4道劍氣后進(jìn)入俠客行狀態(tài),增加30點(diǎn)物理攻擊力并解除青蓮劍歌的封印,持續(xù)5秒;攻擊建筑不會(huì)積累劍氣</td>
<td>
<ul>
<li>將進(jìn)酒</li>
<li>神來(lái)之筆</li>
<li>青蓮劍歌</li>
</ul>
</td>
</tr>
<tr>
<td><a ><img src="./0bd162d9f2d3572c4513613f8113632763d0c364.webp" width="200px"></a></td>
<td>韓信</td>
<td>韓信的第四次普通攻擊會(huì)將敵人擊飛0.5秒;韓信釋放技能以及強(qiáng)化普攻命中目標(biāo)后會(huì)增加60%攻擊速度。</td>
<td>
<ul>
<li>無(wú)情沖鋒</li>
<li>背水一戰(zhàn)</li>
<li>國(guó)士無(wú)雙</li>
</ul>
</td>
</tr>
</tbody>
</table>
</body>
</html>
總結(jié)
對(duì)各種標(biāo)簽的運(yùn)用還不夠熟悉,打代碼的速度過(guò)慢沒(méi)有運(yùn)用熟練。
對(duì)圖片插入一個(gè)網(wǎng)址的步驟以及合并單元格的步驟沒(méi)有理解到位。