作业描述
使用表格介绍游戏各位英雄

image.png
网页代码
使用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>
<table border="1" cellpadding="10" cellspacing="0" width="1000">
<tr>
<th>类型</th>
<th>图片</th>
<th width="100">英雄名称</th>
<th>被动</th>
<th width="200">技能</th>
</tr>
<tr>
<th>中路</th>
<th>
<a href="https://pvp.qq.com/web201605/herodetail/diaochan.shtml">
<video controls autoplay muted width="300px" src="./video/WeChat_20241213104715.mp4">
</a>
</th>
<th>貂蝉</th>
<th>为其对敌人造成技能输出的同时,敌方还会受到貂蝉的莲花印记</th>
<th>
<ul>
<li>落·红雨</li>
<li>绽·风华</li>
<li>缘·心结</li>
</ul>
</th>
</tr>
<tr>
<th>打野</th>
<th>
<a href="https://pvp.qq.com/web201605/herodetail/jing.shtml">
<video controls autoplay muted width="300px" src="./video/WeChat_20241213105156.mp4">
</a>
</th>
<th>镜</th>
<th>铸镜,英雄本体和镜像对敌人造成伤害时会给敌人留下2种不同的印记,当敌人同时拥有2种印记将受到已损生命值4%的斩杀伤害,同时刷新一、二技能的CD,该效果触发后,被动效果将进入5秒CD,大招期间为2秒CD</th>
<th>
<ul>
<li>开锋</li>
<li>裂空</li>
<li>见影</li>
</ul>
</th>
</tr>
<tr>
<th>辅助</th>
<th>
<a href="https://pvp.qq.com/web201605/herodetail/daqiao.shtml">
<video controls autoplay muted width="300px" src="./video/WeChat_20241213105431.mp4">
</a>
</th>
<th>大乔</th>
<th>唯一被动-复生:死亡后2秒原地复活,并获得2000+英雄等级*100点生命值,冷却时间:150秒. 这个效果每局游戏只能触发2次 Tips:大乔需要时刻游走在地图上为队友开启传送门,装备上可以选择坦装来避免被敌方刺客抓住落单机会秒杀</th>
<th>
<ul>
<li>鲤跃之潮</li>
<li>宿命之海</li>
<li>决断之桥</li>
<li>涡旋之门</li>
</ul>
</th>
</tr>
</table>
<audio autoplay controls loop muted preload="metadate" src="./audio/王者备战_爱给网_aigei_com.mp3"
<source src="./audio/王者备战_爱给网_aigei_com.mp3">
</body>
</html>
个人总结
虽然学会了一些常用标签的使用,但是一点都不熟练,还需要多加练习.