作业分析
本次要使用table表格标签编写如下的效果
image.png
image.png
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>Document</title>
</head>
<body>
<h3>王者农药</h3>
<table border="1" cellpadding="10" cellspacing="0" width="800">
<tr>
<th>类型</th>
<th>图片</th>
<th>英雄</th>
<th>被动</th>
<th>技能</th>
</tr>
<tr>
<th rowspan="2">刺客</th>
<th><img src="img/7de96827326343a08f5510ee69089e42.png" width="200px" height="150px"></th>
<th>赵云</th>
<th>潜龙在渊 见龙在田 飞龙在天(血量降低到60%,%30时一技能刷新) </th>
<th>惊雷之龙（位移穿刺） 破云之龙（输出吸血） 天翔之龙（位移伤害击飞）</th>
</tr>
<tr>
<th><img src="img/b7f03f0b5d164b4ca463de7f00220589.webp" width="200px" height="150px"></th>
<th>澜</th>
<th>猎杀 敌方生命值低于30%时 对其造成额外10%真伤</th>
<th>破浪（加速伤害） 断空（伤害标记） 处决（眩晕位移伤害）</th>
</tr>
<tr>
<th rowspan="2">法师</th>
<th><img src="img/v2-dc12f26b21d81294936d4b581dacaa14_r.jpg" width="200px" height="150px"></th>
<th>貂蝉</th>
<th>语.花印 技能为敌人叠加花之印记 持续8秒叠满4层后爆炸吸血并对敌人造成减速</th>
<th>落.红雨（伤害） 缘.心结（位移伤害） 绽.风华(范围伤害减CD)</th>
</tr>
<tr>
<th><img src="img/u=4164097507,3146027594&fm=253&fmt=auto&app=120&f=JPEG.webp" width="200px" height="150px"></th>
<th>王昭君</th>
<th>冰封之心(脱战后获得护盾,护盾破裂造成伤害,普攻三下强化普攻)</th>
<th>凋零冰晶(减速伤害) 禁锢寒霜(冰冻控制伤害) 凛冬已至(减速伤害)</th>
</tr>
<tr>
<th rowspan="2">射手</th>
<th><img src="img/9b6e3eb8fcf78f041e0c6cb23e05934c.jpg" width="200px" height="150px"></th>
<th>孙尚香</th>
<th>活力迸发 普攻减CD</th>
<th>翻滚突击(位移强化普攻) 红莲爆弹(减速伤害) 究极弩炮(伤害)</th>
</tr>
<tr>
<th><img src="img/fc0d518cf1bc40cbad63e0da28d49dcf.webp" width="200px" height="150px"></th>
<th>公孙离</th>
<th>晚云落 普攻叠加印记,技能过后多一次普攻,印记爆炸</th>
<th>岑中归月(位移) 霜叶舞(伤害位移) 孤鹫断霞(位移伤害)</th>
</tr>
<tr>
<th rowspan="2">战士</th>
<th><img src="img/u=2633371993,1418977490&fm=253&fmt=auto&app=138&f=JPEG.webp" width="200px" height="150px"></th>
<th>白起</th>
<th>反击之镰 白起造成或受到伤害增加能量,获得加速并强化回复效果</th>
<th>血之回响(伤害回血) 死神之镰(控制伤害减速) 傲慢嘲讽(控制伤害)</th>
</tr>
<tr>
<th><img src="img/u=2899279856,1841093085&fm=253&fmt=auto&app=138&f=JPEG.webp" width="200px" height="150px"></th>
<th>吕布</th>
<th>饕餮血统 一/三技能命中后强化自身，真伤</th>
<th>方天画戟(伤害) 贪狼之握(伤害减速回血) 魔神降世(位移伤害减速控制)</th>
</tr>
<tr>
<th rowspan="2">辅助</th>
<th><img src="img/u=3233030755,4243067941&fm=253&fmt=auto&app=138&f=JPEG.webp" width="200px" height="150px"></th>
<th>庄周</th>
<th>自然意志 每隔6秒获得减伤和加速,净化自身并免疫所有控制</th>
<th>化蝶(伤害减速) 蝴蝶效应(伤害加速) 天人合一(解控加速护盾)</th>
</tr>
<tr>
<th><img src="img/u=4136223849,3243225315&fm=253&fmt=auto&app=138&f=JPEG.webp" width="200px" height="150px"></th>
<th>墨子</th>
<th>兼爱非攻 释放技能获得护盾并强化普攻,第四次普攻强化普攻</th>
<th>和平漫步(位移伤害) 机关重炮(伤害控制) 墨守成规(控制伤害)</th>
</tr>
</table>
</body>
</html>
个人总结
这次作业让我对标签的使用更加熟练，但是还是有很多的不足之处需要自己改进，完成时间也比较长，但是是第一次自己一个人完成这种关于计算机的作业，还是很开心，希望以后能更进一步！
