作业分析
本次要使用table表格标签编写如下的效果
代码实现
使用html标签代码实现
'''html
<!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" width="1000" align="center"cellspacing="0" cellpadding="10">
<tr bgcolor="#abcdef">
<td>类型</td>
<td>图片</td>
<td>英雄名称</td>
<td>被动</td>
<td>技能</td>
</tr>
<tr>
<td rowspan="3">射手</td>
<td>
<a href="https://pvp.qq.com/web201605/herodetail/yuji.shtml">
<video autoplay muted style="width: 200px;" src="./video/f8c806d31d432913b5124417ffdac6ff.mp4" width="200px" height="200px">
</a>
</td>
<td>虞姬</td>
<td>虞姬有25%的几率射出两箭总计造成100（+120%物理加成）点物理伤害，同时将减少其15%移动速度，持续2秒，该效果最高叠</td>
<td>
<ul>
<li>冲向目标使敌人短暂晕眩并附带树神束缚的减速效果，然后在后跳过程中对敌人快速射出2支弩失，每支造成220（+120%物理加成）点物理伤害。</li>
<li>楚歌起：远程消耗敌人。</li>
<li>阵前舞：在关键时刻保命或追击敌人。</li>
</ul>
</td>
</tr>
<tr>
<td>
<a href="https://pvp.qq.com/web201605/herodetail/jialuo.shtml">
<video autoplay muted style="width: 200px;" src="./video/149b6b677e23a044dbd07c51900ce70c.mp4" width="200px" height="200px">
</a>
</td>
<td>伽罗</td>
<td>“破魔之箭”，可以对护盾造成两次伤害，仅对护盾有效。攻击带有护盾的英雄时，会造成两段伤害，
第一段是护盾伤害，第二段攻击英雄血量。</td>
<td>
<ul>
<li>一技能：渡灵之箭，可以增加普通攻击的距离和伤害，但会消耗法力值，可以随时关闭。</li>
<li>二技能：静默之箭，可以对路径上的敌人造成沉默和二段伤害。</li>
<li>三技能：法阵，可以提升己方队友的暴击率和移速效果，开关时也会对敌方造成法术伤害。</li>
</ul>
</td>
</tr>
<tr>
<td>
<a href="https://pvp.qq.com/web201605/herodetail/lubanqihao.shtml">
<video autoplay muted style="width: 200px;" src="./video/d4348e97a9972ec275a0ca97521c3045.mp4" width="200px" height="200px">
</a>
</td>
<td>鲁班七号</td>
<td> 连续使用普通攻击时，第五次普通攻击会掏出机关枪进行扫射</td>
<td>
<ul>
<li>火力压制：连续第五次普通攻击会掏出机关枪进行扫射，对敌人英雄造成最大生命6%物理伤害，对小兵和防御塔造成额外伤害。</li>
<li>河豚手雷：投掷一枚河豚手雷，对命中的目标造成物理伤害和减速效果，使下一次普通攻击升级为扫射。</li>
<li>空中压制：召唤河豚飞艇进行空中支援，每秒对范围内随机一个敌人投掷炸弹造成伤害。</li>
</ul>
</td>
</tr>
</table>
<audio controls src="./audio/《王者战歌》（无噪音）_爱给网_aigei_com.mp3"></audio>
</body>
</html>
个人总结
使用vscode工具编写代码
在编写代码的过程中要保存
要熟练掌握html中各个标签的作用和操作方法
