作业描述
使用表格实现一个网页，介绍游戏中的英雄
网页代码
使用VSCode工具编写代码，代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>恋与深空</title>
<style>
#a1{
color:darkslateblue;
}
#a1:hover{
color: lightsteelblue;
}
</style>
</head>
<body>
<audio src="audio/Sarah Brightman _ 恋与深空 - 恋与深空.mp3" controls type="audio/mpeg"></audio>
<table border="1" cellpandding="10" cellspacing="0">
<th>图片</th>
<th>名称</th>
<th>被动</th>
<th>技能</th>
</tr>
<tr>
<td>
<video controls width="200px">
<source src="video\鱼.mp4" type="video/mp4">
</video>
</td>
<td><a id="a1" href="https://deepspace.papegames.com/home."target="_blank">祁煜</a></td>
<td>深海信标：
施放重击命中带有[信标]的敌人时，会触发标记，回复一点[潜能]，上限共6点。
[潜能]回复时，你和祁煜的攻击力提升
8%，持续5秒，重复触发刷新持续时间
[潜能]充满时，你和祁煜会获得[深海追头像下面进度条击]效果，提升15%暴击率，持续5秒同时祁煜会释放一次[强力斩击]，造成大量伤害</td>
<td><ul>
<li>蚀月斩</li>
<li>幻海鲨</li>
<li>四荒劫</li>
</ul></td>
</tr>
<tr>
<td><video controls width="200px">
<source src="video\第214个春天.mp4" type="video/mp4">
</video>
</td>
<td><a id="a1" href="https://deepspace.papegames.com/home."target="_blank">沈星回</a></td>
<td>你的主动技或共鸣技命中时，会为敌人附加一层[光导]效果，存在8秒。
[光导]存在期间，你和沈星回的普通攻击会叠加层数，达到6层后将清除[光导]效果并[禁锢]敌人，持续4秒。被[禁锢]的敌人受到的伤害额外增加20%。敌人被禁锢期间无法被附加[光导]效果。</td>
<td><ul>
<li>光源增幅</li>
<li>光源急袭</li>
<li>光影共振</li>
</ul></td>
</tr>
<td>
<video controls width="200px">
<source src="video/有形之锢.mp4" type="video/mp4">
</video>
</td>
<td><a id="a1" href="https://deepspace.papegames.com/home."target="_blank">秦彻</a></td>
<td>进入战斗时，你和秦彻会损失当前生命值50%的血量，同时进入[渊噬]状态。[渊噬]：你和秦彻的非重击普攻、主动技和协助技命中敌人时，会回复已损失的生命值。</td>
<td><ul>
<li>魔魇之爪</li>
<li>终怒裁决</li>
<li>无厌之瞳</li>
</ul></td>
<</tr>
<tr>
<td><video controls width="200px">
<source src="video\黎深主线分线「皎月下的黑棘」PV公开.mp4" type="video/mp4">
</video</td>
<td><a id="a1" href="https://deepspace.papegames.com/home."target="_blank">黎深</a></td>
<td>你与黎深攻击处于[冻结]状态的敌人时，额外造成20%的伤害</td>
<td><ul>
<li>霜愈</li>
<li>冰矢</li>
<li>雪之刃</li>
</ul></td>
</tr>
</table>
</body>
</html>
个人总结：本次通过编写表格熟悉了html的大部分标签