Web第一次作業(yè)

作業(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)簽名記不住,總是去翻筆記,但是后面逐漸脫離翻筆記,無他,唯手熟爾

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容