作业描述
使用表格实现一个网页，介绍我游戏中的英雄
网页代码
使用VSCode工具编写代码，如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>英雄联盟英雄介绍</title>
<style>
#a1 :hover{
border: 2px solid red;
}
#a2 :hover{
border: 2px solid red;
}
#a3 :hover{
border: 2px solid red;
}
#a4 :hover{
border: 2px solid red;
}
#a5 :hover{
border: 2px solid red;
}
#a6 :hover{
border: 2px solid red;
}
</style>
</head>
<body>
<audio controls autoplay src="mp3/mu.mp3"></audio>
<table border="1" cellpadding="2" cellspacing="0" width="1140" align="center">
<tr>
<th width="80"><i>英雄名称</i></th>
<th width="400"><i>英雄形象</i></th>
<th width="400"><i>英雄展示</i></th>
<th width="300"><i>英雄技能</i></th>
</tr>
<tr>
<td align="center">九尾妖狐 阿狸</td>
<td>
<a id="a1" target="_blank" href="https://101.qq.com/?ADTAG=cooperation.glzx.web#/hero-detail?heroid=103&tab=overview&lane=all&datatype=5v5">
<img src="img/联盟不朽 阿狸.jpg" width="400xp" height="auto"></a></td>
<td><video controls autoplay muted loop src="mp3/ali.mp4" width="400"></video>
</td>
<td><ul>
<li>被动：摄魂夺魄<img width="40" src="img/阿狸被动.webp"></li>
<li>Q技能：欺诈宝珠<img width="40" src="img/阿狸q.webp"></li>
<li>W技能：妖异狐火<img width="40" src="img/阿狸w.webp"></li>
<li>E技能：魅惑妖术<img width="40" src="img/阿狸e.webp"></li>
<li>R技能：灵魄突袭<img width="40" src="img/阿狸r.webp"></li>
</ul>
</td></tr>
<tr>
<td align="center">戏命师 烬</td>
<td >
<a id="a2" target="_blank" href="https://101.qq.com/?ADTAG=cooperation.glzx.web#/hero-detail?heroid=202&tab=overview&lane=all&datatype=5v5">
<img src="img/暗星绝杀 烬.jpg" width="400xp" height="auto"></a></td>
<td><video controls autoplay muted loop src="mp3/jing.mp4" width="400"></video>
</td>
<td ><ul>
<li>被动：低语<img width="40" src="img/烬被动.webp"></li>
<li>Q技能：曼舞手雷<img width="40" src="img/烬q.webp"></li>
<li>W技能：致命华彩<img width="40" src="img/烬w.webp"></li>
<li>E技能：万众倾倒<img width="40" src="img/烬e.webp"></li>
<li>R技能：完美谢幕<img width="40" src="img/烬r.webp"></li>
</ul>
</td></tr>
<tr>
<td align="center">暴走萝莉 金克丝</td>
<td >
<a id="a3" target="_blank" href="https://101.qq.com/?ADTAG=cooperation.glzx.web#/hero-detail?heroid=222&tab=overview&lane=all&datatype=5v5">
<img src="img/双城之战 金克丝.jpg" width="400xp" height="auto"></a></td>
<td><video controls autoplay muted loop src="mp3/jinx2.mp4" width="400"></video>
</td>
<td><ul>
<li>被动：罪恶快感<img width="40" src="img/萝莉被动.webp"></li>
<li>Q技能：枪炮交响曲<img width="40" src="img/萝莉q.webp"></li>
<li>W技能：振荡电磁波<img width="40" src="img/萝莉w.webp"></li>
<li>E技能：嚼火者手雷<img width="40" src="img/萝莉e.webp"></li>
<li>R技能：超究极死神飞弹<img width="40" src="img/萝莉r.webp"></li>
</ul>
</td>
</tr>
<tr>
<td align="center">封魔剑魂 永恩</td>
<td >
<a id="a4" target="_blank" href="https://101.qq.com/?ADTAG=cooperation.glzx.web#/hero-detail?heroid=777&tab=overview&lane=all&datatype=5v5">
<img src="img/西部魔影 炽天使 永恩.jpg" width="400xp" height="auto"></a></td>
<td><video controls autoplay muted loop src="mp3/yongen.mp4" width="400"></video>
</td>
<td><ul>
<li>被动：狩人之道<img width="40" src="img/永恩被动和.webp"></li>
<li>Q技能：错玉切<img width="40" src="img/永恩q.webp"></li>
<li>W技能：凛神斩<img width="40" src="img/永恩w.webp"></li>
<li>E技能：破障之锋<img width="40" src="img/永恩e.webp"></li>
<li>R技能：封尘绝念斩<img width="40" src="img/永恩r.webp"></li>
</ul>
</td>
</tr>
<tr>
<td align="center">诺克萨斯之手 德莱厄斯</td>
<td >
<a id="a5" target="_blank" href="https://101.qq.com/?ADTAG=cooperation.glzx.web#/hero-detail?heroid=122&tab=overview&lane=all&datatype=5v5">
<img src="img/神王 德莱厄斯.jpg" width="400xp" height="auto"></a></td>
<td><video controls autoplay muted loop src="mp3/nuoshou.mp4" width="400"></video>
</td>
<td ><ul>
<li>被动：出血<img width="40" src="img/诺手被动.webp"></li>
<li>Q技能：大杀四方<img width="40" src="img/诺手q.webp"></li>
<li>W技能：致残打击<img width="40" src="img/诺手w.webp"></li>
<li>E技能：无情铁手<img width="40" src="img/诺手E.webp"></li>
<li>R技能：诺克萨斯断头台<img width="40" src="img/诺手R.webp"></li>
</ul>
</td>
</tr>
<tr>
<td align="center">不屈之枪 潘森</td>
<td >
<a id="a6" target="_blank" href="https://101.qq.com/?ADTAG=cooperation.glzx.web#/hero-detail?heroid=80&tab=overview&lane=all&datatype=5v5">
<img src="img/屠龙勇士 潘森.jpg" width="400xp" height="auto"></a></td>
<td><video controls autoplay muted loop src="mp3/pansen.mp4" width="400"></video>
</td>
<td>
<ul>
<li>被动：矢志不退<img width="40" src="img/潘森被动webp.webp "></li>
<li>Q技能：贯星长枪<img width="40" src="img/潘森q.webp"></li>
<li>W技能：斗盾跃击<img width="40" src="img/潘森w.webp"></li>
<li>E技能：神佑枪阵<img width="40" src="img/潘森e.webp"></li>
<li>R技能：大荒星陨<img width="40" src="img/潘森r.webp"></li>
</ul>
</td>
</tr>
</table></body></html>
