作业分析：
本次作业要求我们使用table表格标签编写如下的效果
image.png
代码实现
使用html标签代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>web的第一次作业</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="10" align="center">
<tr align="center">
<td>类型</td>
<td width="100" >图片</td>
<td width="80">英雄名称</td>
<td width="500">被动</td>
<td width="300">技能</td>
</tr>
<tr align="center">
<td rowspan="3" height="500">射手</td>
<td> <a href="https://pvp.qq.com/web201605/herodetail/houyi.shtml" target="_blank"><img src="./u=3227259400,6350812&fm=253&fmt=auto&app=138&f=JPEG.webp" width="500"> </a></td>
<td ><a href="https://pvp.qq.com/web201605/herodetail/houyi.shtml" target="_blank">后裔</a></td>
<td>
<ul>
<li>被动技能：瞄准</li>
<li>技能效果：后羿的普攻命中敌人后,会累积射击状态,每层增加一定的攻速 有说法是每层增加4%攻速，最多可累积3层。当累积到3层后,后羿的普攻将射出3支箭矢。在惩戒射击状态下，每次普攻命中敌人都会刷新该状态的持续时间。</li>
<li>技能特点：后羿的被动技能使得他在持续攻击时能够逐渐提升攻速和伤害输出,尤其是在累积到3层射击状态后,能够造成更高的范围伤害。</li>
</ul>
</td>
<td>
<ul>
<li>多重箭矢</li>
<li>落日余晖</li>
<li>火鸟之翼</li>
</ul>
</td>
</tr>
<tr align="center">
<!-- <td>类型</td> -->
<td><a href="https://pvp.qq.com/web201605/herodetail/sunshangxiang.shtml" target="_blank"><img src="./u=523164578,318155954&fm=253&fmt=auto&app=120&f=JPEG.webp" width="500"></a></td>
<td ><a href="https://pvp.qq.com/web201605/herodetail/sunshangxiang.shtml" target="_blank">孙尚香</a></td>
<td>活力迸发（被动）
技能描述:孙尚香每次普通攻击命中敌人都会减少0.5秒“翻滚突袭”的冷却时间。
技能效果：
通过普通攻击命中敌人，孙尚香能够持续地减少其主要位移和输出技能“翻滚突袭”的冷却时间。
这使得孙尚香在战斗中能够更加频繁地使用“翻滚突袭”进行位移和输出，增强了她的灵活性和持续作战能力。</td>
<td>
<ul>
<li>翻滚突袭</li>
<li>红莲斗篷</li>
<li>究极弩炮</li>
</ul>
</td>
</tr>
<tr align="center">
<!-- <td>类型</td> -->
<td><a href="https://pvp.qq.com/web201605/herodetail/bailishouyue.shtml" target="_blank"><img src="./u=1897098933,245547346&fm=253&fmt=auto&app=138&f=JPEG.webp" width="500"></a></td>
<td><a href="https://pvp.qq.com/web201605/herodetail/bailishouyue.shtml" target="_blank">百里</a></td>
<td>被动技能：瞄准
技能效果：
百里守约的普通攻击会造成180%(也有说法为190%)物理加成点的物理伤害,但攻击间隔更长且无法暴击。每获得1%暴击几率,就会将其转化为一定的物理攻击力（早期版本为2.5点或3点，具体数值可能随版本更新而变化）。
在非战斗状态下，百里守约能够隐匿在地形边,进入伪装状态,并增加16%~30%的移动速度，移动速度随英雄等级成长。
百里守约在原地不动时,每秒会获得1层伏击效果,每层伏击效果会增加一定百分比(如7%~12%)的物理穿透,最多可叠加5层。移动后,伏击效果会消失。</td>
<td>
<ul>
<li>静谧之眼</li>
<li>狂风之息</li>
<li>逃脱</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
个人总结：
在这次的作业中，对于height和width的使用还不是很熟练，后期需要多加练习。
