web開(kāi)發(fā)第一次作業(yè)

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


image.png

代碼實(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)有理解到位。

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

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

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