#作业分析
本次要使用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>
<h1>王者荣耀</h1>
<table border="1" cellpadding="10" width="1000" cellspacing="0" align="center">
<tr bgcolor="red">
<td height="50">类型</td>
<td>图片</td>
<td>英雄名称</td>
<td>被动</td>
<td>技能</td>
</tr>
<tr>
<td rowspan="3">英雄</td>
<td width="300"><img src="D:\云计算2024\images\微信截图_20241211134732.png" width="300"></td>
<td>孙悟空</td>
<td width="450">孙悟空释放技能后下次普攻变为强力敲击,冲锋至目标身旁并造成475(+100%物理攻击)物理伤害,该伤害可全额享受暴击收益。
孙悟空天生拥有20%暴击率,但初始只能造成150%暴击效果。</td>
<td width="250">大圣神威 护身咒法 斗战冲锋 如意金箍</td>
</tr>
<tr>
<td width="300"><img src="D:\云计算2024\images\微信截图_20241211134826.png" width="300"</td>
<td>铠</td>
<td>铠拥有精湛的战斗技巧,当铠的普通攻击和极刃风暴只命中了一个目标时将会额外造成50%伤害。</td>
<td>修罗之魂 回旋之刃 极刃风暴 不灭魔躯</td>
</tr>
<tr>
<td width="300"><img src="D:\云计算2024\images\微信截图_20241211135227.png" width="300"</td>
<td>曜</td>
<td>曜技能命中敌方单位时将回复70~140(+2%额外生命)点生命,每次释放技能时,获得一层星辰之力,当星辰之力充盈时,曜获得一次强化技能使用权,持续三秒,强化技能释放后会强化下次普攻,使用强化普攻会向敌人发起冲锋,额外造成70(+20%物理攻击)物理伤害。</td>
<td>星辰之赐 裂空斩 逐星 归尘</td>
</tr>
</table>
</body>
</html>
...
#个人总结
通过这次的网页开发,初步掌握了html标签语法的使用方法,加深了理解