作業(yè)分析
本次要使用table表格標(biāo)簽編寫如下效果

屏幕截圖 2024-12-10 214029.png
代碼實(shí)現(xiàn)
使用HTML標(biāo)簽代碼實(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>開心消消樂</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0" bgcolor="rgba(50,50,100,0.5)">
<tr >
<td>類型</td>
<td>圖片</td>
<td>名稱</td>
<td>作用</td>
</tr>
<tr>
<td rowspan="4">人物</td>
<td><img src="D:\Cloudprogram2024\homework\萊萌雞.jpg"></td>
<td>萊萌雞</td>
<td>無</td>
</tr>
<tr >
<td><img src="D:\Cloudprogram2024\homework\栗雄.png"></td>
<td>栗雄</td>
<td>無</td>
</tr>
<tr >
<td><img src="D:\Cloudprogram2024\homework\么么狐.jpg"></td>
<td>么么狐</td>
<td>無</td>
</tr><tr >
<td><img src="D:\Cloudprogram2024\homework\紫咪小鷹.jpg"></td>
<td>紫咪小鷹</td>
<td>無</td>
</tr>
<tr>
<td rowspan="3">障礙</td>
<td><img src="D:\Cloudprogram2024\homework\屏幕截圖 2024-12-10 190949.png"></td>
<td>黑色毛球</td>
<td>在灰色毛球周圍匹配消除</td>
</tr>
<tr >
<td><img src="D:\Cloudprogram2024\homework\屏幕截圖 2024-12-10 191025.png"></td>
<td>冰塊</td>
<td>消除冰塊上的小動(dòng)物可以擊碎冰塊,冰塊最多有三層</td>
</tr>
<tr >
<td><img src="D:\Cloudprogram2024\homework\屏幕截圖 2024-12-10 191043.png"></td>
<td>金豆莢</td>
<td>消除金豆莢下方小動(dòng)物使其消除</td>
</tr>
<tr>
<td rowspan="3">外掛</td>
<td><img src="D:\Cloudprogram2024\homework\屏幕截圖 2024-12-10 191122.png"></td>
<td>小木槌</td>
<td>消除任意障礙或動(dòng)物一次,每局限用3次,使用過3次后當(dāng)局不能繼續(xù)使用 </td>
</tr>
<tr >
<td><img src="D:\Cloudprogram2024\homework\屏幕截圖 2024-12-10 191153.png"></td>
<td>強(qiáng)制交換</td>
<td>強(qiáng)制交換相鄰的兩個(gè)動(dòng)物,每局限用2次,用過2次后當(dāng)局不能繼續(xù)使用 </td>
</tr>
<tr >
<td><img src="D:\Cloudprogram2024\homework\屏幕截圖 2024-12-10 191212.png"></td>
<td>加5步</td>
<td>剩余步數(shù)增加5步,只能在游戲中步數(shù)低于6步時(shí)使用,不限使用次數(shù)</td>
</tr>
</table>
</body>
</html>
總結(jié)
剛開始標(biāo)簽名記不住,總是去翻筆記,但是后面逐漸脫離翻筆記,無他,唯手熟爾