作业描述
使用表格实现一个网页,介绍我游戏中的各位英雄
网页代码
使用VSCode工具编写代码,如下:
<!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>
<h3>跨列合并单元格</h3>
<table border="1" cellpadding="10" cellspacing="0 width="10">
<tr>
<td>类型</td>
<td>图片</td>
<td>英雄名称</td>
<td>被动</td>
<td>技能</td>
</tr>
<tr>
<td>法师</td>
<td><a href="https://www.bilibili.com/video/BV1Yf4y1t724?t=4.3">
<img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.XgWh-rXtJ8dHwzx5FDYUwgHaEK?rs=1&pid=ImgDetMain" alt="10"/>
</a>
</td>
<td>妲己</td>
<td>妲己在《王者荣耀》中的被动技能是“失心”,该技能的效果是减少目标20%的魔法抗性,持续2秒。</td>
<td>失心,灵魂冲击,偶像魅力,女王崇拜</td>
</tr>
<tr>
<td>法师</td>
<td><a href="https://www.bilibili.com/video/BV1NpS4YmEb9?t=1.9">
<img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.Knv8xyvuEP485pyDQDeYbwHaEK?rs=1&pid=ImgDetMain" alt="10"/>
</a>
</td>
<td>小乔</td>
<td>小乔的被动技能叫做“治愈微笑”,当她的技能命中敌人时,会增加25%的移动速度,持续2秒</td>
<td>治愈微笑(被动技),绽放之舞(一技能),甜蜜恋风(二技能),星华缭乱(三技能)</td>
</tr>
<tr>
<td>法师</td>
<td><a href="https://www.bilibili.com/video/BV1gf421i73y?t=3.6">
<img src="https://c-ssl.duitang.com/uploads/blog/202106/22/20210622175457_33534.jpeg" alt="10"/>
</a>
</td>
<td>瑶妹</td>
<td>瑶妹的被动技能是“山鬼·白鹿”。当瑶受到眩晕、击退、击飞等硬控效果时,她会变成小鹿形态,持续4秒,期间无法被选中,也无法攻击敌人,但可以免疫所有伤害和控制效果。这个被动技能每60秒可以触发一次,并且变为小鹿后,所有技能冷却时间会重置12。</td>
<td>瑶的技能包括被动技能“山鬼·白鹿”、一技能“若有人兮”、二技能“风飒木萧”和三技能“独立兮山之上</td>
</tr>
</table>
</body>
</html>