作业分析
使用html标签创建表格，表格中写熟知的游戏英雄,实现如下效果：
image.png
代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Keywords" content="王者荣耀，王者，王者简介">
<title>王者荣耀英雄简介</title>
<style>
</style>
</head>
<body>
<h1>王者荣耀各英雄</h1>
<table border="1" cellpadding="1" cellspacing="0" align="center">
<tr>
<td>职业</td>
<td width="150px" align="center">英雄名称</td>
<td align="center">图片</td>
<td width="300px" align="center">技能</td>
<td width="800px" align="center">被动</td>
</tr>
<tr>
<td rowspan="5">刺客</td>
<td>孙悟空</td>
<td> <img src="./img/ChMkJlpCO9aIMV-AAAM4sfjUKesAAjgnwJCrqcAAzjJ248.jpg"
width="320px" height="200px"></td>
<td>1.护身咒法<br>
2.斗战冲锋<br>
3.如意金箍<br>
</td>
<td>大圣神威：孙悟空释放技能后下次普攻变为强力敲击，冲锋至目标身旁并造成475
(+100%物理攻击)物理伤害，该伤害可全额享受暴击收益。
孙悟空天生拥有20%暴击率，但初始只能造成150%暴击效果。</td>
</tr>
<tr>
<td>李白</td>
<td><img src="./img/R-C (8).jpg"width="320px" height="200px"></td>
<td>1.将进酒<br>
2.神来之笔<br>
3.青莲剑歌<br></td>
<td>侠客行：李白使用普攻攻击敌人时，会积累1道剑气，持续3秒。积累4道剑气后会进入【侠客行】状态，
增加30点物理攻击并解除【青莲剑歌】的封印，持续5秒。
攻击建筑不会积累剑气。</td>
</tr>
<tr>
<td>兰陵王</td>
<td><img src="./img/R-C (11).jpg"width="320px" height="200px"></td>
<td>
1.秘技·分身<br>
2.秘技·影蚀<br>
3.秘技·暗袭<br>
4.秘技·隐匿<br>
</ul>
</td>
<td>秘技·极意：兰陵王朝敌方英雄移动时会增加15%~30%移动速度。</td>
</tr>
<tr>
<td>云中君</td>
<td><img src="./img/6d348415c7e2c27c4d1f18ff377ddbbd.jpg"width="320px" height="200px"></td>
<td>
1.聊翱游兮<br>
2.飒风飞羽<br>
3.猋远举兮云中<br>
</td>
<td>云神·展翼：4级后云中君永久无视地形飞行，普攻可以积攒气息值，为云中君提供0~60点移速加成，
未进行普攻后气息值会迅速下降；普攻和技能命中会叠加一层撕裂效果，
敌人移动时对其造成0.24%最大生命值的物理伤害(每50点额外攻击力，提升0.02%的比例)，
上限5层，持续2秒，层数越多撕裂伤害越强，最多提升10倍。
敌方英雄不移动也会受到50%的撕裂伤害，对于小兵、野怪撕裂效果无需移动即会全部触发，
每0.2秒造成(2.7%物理攻击)物理伤害。</td>
</tr>
<tr>
<td>赵云</td>
<td><img src="./img/R-C (6).jpg"width="320px" height="200px"></td>
<td>
1.惊雷之龙<br>
2.破云之龙<br>
3.天翔之龙<br>
</td>
<td>龙鸣：赵云愈战愈勇，生命值降低会迸发潜能，提升免伤比例并强化基础技能。
【潜龙在渊】66%＜生命值≤100%：5%免伤
【见龙在田】33%＜生命值≤66%：10%免伤；一技能位移距离提升50；二技能增加1段龙枪
【飞龙在天】 0＜生命值≤33%：20%免伤；一技能位移距离提升100；二技能增加2段龙枪
溢出当前档位的生命值回复会转化为永久护盾。血盾总量填满一个档位时，档位以下的护盾会转化为生命值。</td>
</tr>
<tr>
<td rowspan="5">射手</td>
<td>鲁班</td>
<td><img src="./img/230452633.jpg"width="320px" heighth="200px"></td>
<td>
1.河豚手雷<br>
2.无敌鲨嘴炮<br>
3.空中支援<br>
</td>
<td>火力压制：鲁班七号第五次普攻或使用技能后的下次普攻会强化为扫射，扫射对敌人造成3次伤害，
每次对英雄造成70~140(+4.5%目标最大生命)的物理伤害(每点额外物理攻击提升0.01%)，
对非英雄单位造成120(+50%物理攻击)物理伤害。</td>
</tr>
<tr>
<td>后羿</td>
<td><img src="./img/a4d1-hmuuiyw2644347.png"width="320px" height="200px"></td>
<td>
1.多重箭矢<br>
2.落日余晖<br>
3.灼日之矢<br>
</td>
<td>惩戒射击：后羿普攻命中会累积射击状态，每层增加4%攻速，最多累计3层。
3层后进入【惩戒射击】 状态，普攻射出3支箭矢，总共造成原来120%的伤害，状态持续3秒。
期间每次命中会刷新持续时间。
每支箭矢造成50%法球效果。</td>
</tr>
<tr>
<td>马可波罗</td>
<td><img src="./img/deaf-fypsqka4240468.png"width="320px" height="200px"></td>
<td>
1.华丽左轮<br>
2.漫游之枪<br>
3.狂热弹幕<br>
</td>
<td>连锁反应:马可波罗的每次普攻与技能伤害会给目标附加1层防御破坏效果(对小兵为5层)，
达到10层后回复30点能量，同时目标触发防御破坏效果。
防御破坏期间目标每次受到马可波罗的伤害都会额外受到40( +35%物理攻击)真实伤害(该伤害可以暴击)，
持续5秒。马可波罗的技能伤害仅享受50%的法球加成。</td>
</tr>
<tr>
<td>孙尚香</td>
<td><img src="./img/226630305.jpg"width="320px" height="200px"></td>
<td>
1.翻滚突袭<br>
2.红莲爆弹<br>
3.究极弩炮<br>
</td>
<td>活力迸发：孙尚香每次普通攻击命中敌人都会减少0.5秒翻滚突袭的冷却时间。</td>
</tr>
<tr>
<td>百里守约</td>
<td><img src="./img/R-C (7).jpg"width="320px" height="200px"></td>
<td>
1.静谧之眼<br>
2.狂风之息<br>
3.逃脱<br>
</td>
<td>瞄准：百里守约无攻击行为1.5秒后，会快速获得伏击效果，最多叠加5层，
拥有伏击效果时提升百里守约20%物理穿透和40~80点普攻伤害。每次普攻命中敌方英雄消耗1层伏击，
技能命中敌方英雄消耗5层伏击效果。
每增加1%的暴击率，会提升4点狂风之息和2点逃脱的伤害。</td>
</tr>
<tr>
<td rowspan="5">法师</td>
<td>小乔</td>
<td><img src="./img/152409rh4thkz4o0ckt4k9.webp"width="320px" height="200px"></td>
<td>
1.绽放之舞<br>
2.甜蜜恋风<br>
3.星华缭乱<br>
</td>
<td>治愈微笑：小乔释放技能命中敌人时，会增加25％移动速度，持续2秒</td>
</tr>
<tr>
<td>西施</td>
<td><img src="./img/wang-zhe-rong-yao-quan-ying-xiong-chao-gao-qing-bi-zhi-3-960x539.jpg"width="320px" height="200px"></td>
<td>
1.纱缚之印<br>
2.幻纱之灵<br>
3.心无旁骛<br>
</td>
<td>少女的把戏:西施的技能伤害会随着自身与敌人间的距离增加而强化，距离每增加100，伤害增加5%，最多提升40%。</td>
</tr>
<tr>
<td>女娲</td>
<td><img src="./img/1jd3hlozmwd.webp"width="320px" height="200px"></td>
<td>
1.神晖：缔造<br>
2.神晖：融聚<br>
3.神晖：降临<br>
4.神晖：诛灭<br></td>
<td>寰宇神识： 女娲提升10~20%视野、普攻与技能释放范围。</td>
</tr>
<tr>
<td>貂蝉</td>
<td><img src="./img/R-C (5).jpg"width="320px" height="200px"></td>
<td>
1.落·红雨<br>
2.缘·心结<br>
3.绽·风华<br>
</td>
<td>花印：貂蝉的技能命中会为敌人叠加花之印记，持续8秒，叠加满4层后印记触发，回复130~260(+1.5%额外生命值)生命，
同时会对周围敌人造成130~260(+40%法术攻击)真实伤害并减少其25~50%移速，持续1秒。</td>
</tr>
<tr>
<td>武则天</td>
<td><img src="./img/16763456288513.webp"width="320px" height="200px"></td>
<td>
1.女帝辉光<br>
2.女帝威严<br>
3.生杀予夺<br></td>
<td>天命之女：被动效果的脱离战斗触发时间为3秒（默认脱战时长仍为6秒），武则天脱离战斗后会增加50点移动速度，
同时每秒会回复2％最大法力值。</td>
</body>
</html>
个人总结
代码写起来很简单，学起来也i很简单，只要掌握了基本html标签，很容易实现网页的开发。
