#本次要使用的table表格标签编写如下效果
#代码实现
使用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" align="center" cellspacing="0" cellpadding="10">
<tr>
<th>类型</th>
<th>图片</th>
<th>英雄</th>
<th>被动</th>
<th>技能</th>
</tr>
<tr>
<td rowspan="6">法师</td>
<td>
<img src="./imges/中路/王昭君.jpg" alt="王昭君" width="200px" height="auto">
</td>
<td>王昭君</td>
<td>冰封之心：脱战后可获得480（+58%法术攻击）点寒冰护盾，对护盾造成物理伤害的目标会被施加冰冷效果。寒冰护盾破裂对附近敌人造成480（+58%法术攻击）法术伤害。王昭君第三次普攻会转化为三枚冰锥总共造成240（+30%法术攻击）法术伤害。王昭君使用技能或被动强化普攻对目标造成法术伤害的同时会对其施加冰冷效果，冰冷效果可减少目标50%移速与35%攻速，持续2秒，并随时间衰减。</td>
<td>凋零冰晶、禁锢寒霜、凛冬已至</td>
</tr>
<tr>
<!-- <td></td> -->
<td><img src="./imges/中路/弈星.jpg" alt="弈星"width="200px"></td>
<td>弈星</td>
<td>气合：弈星的普攻会造成法术伤害，任意技能命中敌人都会去叠加1层去气印记，4层气后，敌人脚下会生成一颗棋子，造成法术伤害，并为弈星的本次棋局永久累积1颗棋子数。击败/助攻/每60秒都会获得5颗棋子，每颗会累积1点法术攻击。印记触发产生的棋子均会被棋阵中心吸引，对连线上敌人造成法术伤害。受到致命伤害会遁入虚无，在脚下产生一颗棋子，免疫所有伤害并提升30%移速，持续1秒。</td>
<td>飞攻、镇神、万变之局</td>
</tr>
<tr>
<td><img src="./imges/中路/西施.jpg" alt="西施"width="200px"></td>
<td>西施</td>
<td>纱灵庇佑：脱战后，西施自身形成轻纱。受到超过一定伤害，轻纱破碎，回复自身20%的最大生命值，并提升50%移动速度持续1秒 。</td>
<td>纱灵回响、幻纱之芽、纱灵怒放</td>
</tr>
<tr>
<td><img src="./imges/中路/杨玉环.jpg" alt="杨玉环"width="200px"></td>
<td>杨玉环</td>
<td>惊鸿调：杨玉环的普攻造成法术伤害，每第三次普攻会对目标造成额外法术伤害并减少所有技能1秒冷却时间。此外，杨玉环切换曲调时会对附近敌人造成法术伤害。</td>
<td>霓裳曲、胡璇乐、长恨歌</td>
</tr>
<tr>
<td><img src="./imges/中路/貂蝉.jpg" alt="貂蝉"width="200px"></td>
<td>貂蝉</td>
<td>语·花印：貂蝉的技能命中敌人会叠加印记，印记满4层时会触发爆炸，对周围敌人造成真实伤害并回复自身生命值。</td>
<td>落·红雨、缘·心结、绽·风华</td>
</tr>
<tr>
<td><img src="./imges/中路/女娲.jpg" alt="女娲"width="200px"></td>
<td>女娲</td>
<td>辉煌指引：女娲每升一级可提升自身视野，同时普攻和技能命中敌人会为自己提供额外的法术攻击加成，最多可叠加4层。</td>
<td>指令：放射、指令：防御、指令：迁跃、指令：毁灭</td>
</tr>
<tr>
<td rowspan="6">射手</td>
<td><img src="./imges/射手/敖隐.jpg" alt="敖隐"width="200px"></td>
<td>敖隐</td>
<td>隐介藏形：使用火、雨、风技能时可造成不同效果，最后两次使用对应元素龙魂会附于主、副剑指上。使用技能后会叠加一层龙魂印记，最多叠3层，每次普攻会消耗掉所有印记，每消耗一层印记多攻击一次，强化普攻会根据主剑指的龙魂属性附带不同效果。</td>
<td>薄日掌火、擎天司雨、踏罡驾风、穷乎玄间</td>
</tr>
<tr>
<td><img src="./imges/射手/伽罗.jpg" alt="伽罗"width="200px"></td>
<td>伽罗</td>
<td>破魔之箭：伽罗的普攻与技能伤害将会优先对目标的护盾效果造成一次等额的伤害。</td>
<td>渡灵之箭、静默之箭、纯净之域</td>
</tr>
<tr>
<td><img src="./imges/射手/孙尚香.jpg" alt="孙尚香" width="200px"></td>
<td>孙尚香</td>
<td>每次普攻命中敌人都会减少一技能0.5秒的冷却时间。</td>
<td>翻滚突袭、红莲爆弹、究极弩炮</td>
</tr>
<tr>
<td><img src="./imges/射手/李元芳.jpg" alt="李元芳" width="200px"></td>
<td>李元芳</td>
<td>密探谛听：可以短暂获得附近敌人视野，该效果短时间内对同一单位只能生效一次。</td>
<td>谍影重重、刃遁、无间刃风</td>
</tr>
<tr>
<td><img src="./imges/射手/马可波罗.jpg" alt="马可波罗" width="200px"></td>
<td>马可波罗</td>
<td>每打到一次敌人就会叠一格能量，如果目标是英雄，打满十发子弹接下来五秒内会触发额外的真实伤害并且真实伤害还可以造成暴击效果。</td>
<td>华丽左轮、漫游之枪、狂热弹幕</td>
</tr>
<tr>
<td><img src="./imges/射手/b百里守约.jpg" alt=百里守约" width="200px"> </td>
<td>百里守约</td>
<td>靠近墙壁就会进入隐身状态，并且增加16%~30%的移动速度。</td>
<td>静谧之眼、狂风之息、逃脱</td>
</tr>
<tr>
<td rowspan="6">打野</td>
<td><img src="./imges/打野/刘备.jpg" alt="刘备" width="200px" ></td>
<td>刘备</td>
<td>强化霰弹：刘备的火铳是霰弹枪，目标会受到50%总攻击力+35%×额外弹丸数的总伤害。每颗弹丸命中敌方英雄，会增加1层战斗本能，战斗本能会给刘备增加6~10点物理防御和法术防御，持续6秒，最多叠加12层，增加幅度随英雄等级成长。</td>
<td>双重射击、身先士卒、以德服人</td>
</tr>
<tr>
<td><img src="./imges/打野/李白.jpg" alt="李白" width="200px"></td>
<td>李白</td>
<td>侠客行：李白使用普通攻击攻击敌人时，会积累1道剑气，持续3秒，最多积累4道。当积累4道剑气时，李白进入侠客行状态，增加30点物理攻击力，并刷新青莲剑歌的冷却时间，持续5秒。</td>
<td>将进酒、神来之笔、青莲剑歌</td>
</tr>
<tr>
<td><img src="./imges/打野/马超.jpg" alt="马超" width="200px"></td>
<td>马超</td>
<td>魔影突袭：马超每次释放技能都会增加自身一定的移动速度，并且下一次普通攻击会变成强化攻击，造成额外的物理伤害，并可以穿透敌人。</td>
<td>萧索之刃、日落孤枪、万刃归鞘</td>
</tr>
<tr>
<td><img src="./imges/打野/云中君.jpg" alt="云中君" width="200px"></td>
<td>云中君</td>
<td>-云间游：云中君在飞行状态下，普通攻击会变成爪击，造成额外的物理伤害，并可以撕裂敌人的伤口，使敌人在一定时间内持续受到物理伤害。当云中君的气息耗尽时，他会从飞行状态变成步行状态，并且无法使用部分技能。</td>
<td>天隙鸣、若英华彩、风雷引</td>
</tr>
<tr>
<td><img src="./imges/打野/澜.jpg" alt="澜" width="200px"></td>
<td>澜</td>
<td>狩猎：当敌人的生命值低于30%，会被澜视作“猎物”，澜的技能和普攻对“猎物”额外造成15%的真实伤害 。</td>
<td>破浪、断空、处决</td>
</tr>
<tr>
<td><img src="./imges/打野/猴子.jpg" alt="猴子" width="200px"></td>
<td>猴子</td>
<td>大圣神威：孙悟空每次释放技能后，下一次普通攻击会变成强力敲击，造成额外的物理伤害，并可以根据敌人的最大生命值造成一定比例的伤害。</td>
<td>护身咒法、斗战冲锋、如意金箍</td>
</tr>
<tr>
<td rowspan="6">对抗</td>
<td><img src="./imges/对抗/老夫子.jpg" alt="老夫子" width="200px">
</td>
<td>老夫子</td>
<td>师道尊严：普通攻击命中增加1点训诫值，最多叠加5点，叠满后强化自身5秒，增加60点移动速度和25%攻击速度，普攻附带60点真实伤害，每次攻击减少圣人训诫和举一反三1秒冷却时间。</td>
<td>圣人训诫、举一反三、圣人之威</td>
</tr>
<tr>
<td><img src="./imges/对抗/吕布.jpg" alt="吕布"width="200px"></td>
<td>吕布</td>
<td>饕餮血统：拥有比其他近战更远的攻击距离；方天画戟附魔状态下，普攻造成100%物理加成的真实伤害并回复自身已损生命值1%（+25%额外物理加成）点生命值；如果下一次方天画斩未命中英雄，会立刻失去附魔效果 。</td>
<td>方天画斩、贪狼之握、魔神降世</td>
</tr>
<tr>
<td><img src="./imges/对抗/夏侯惇.jpg" alt="夏侯惇" width="200px"></td>
<td>夏侯惇</td>
<td>拔矢啖睛：夏侯惇生命低于50%时，每次普攻或技能命中敌人都会回复3%最大生命值。</td>
<td>豪气斩、龙卷闪、不羁之刃</td>
</tr>
<tr>
<td><img src="./imges/对抗/程咬金.jpg" alt="程咬金" width="200px"></td>
<td>程咬金</td>
<td>舍生忘死：程咬金每损失1%最大生命值获得额外3～7点物理攻击力，生命值越低，攻击力越高。</td>
<td>爆裂双斧、激热回旋、正义潜能</td>
</tr>
<tr>
<td><img src="./imges/对抗/白起.jpg" alt="白起" width="200px"></td>
<td>白起</td>
<td>反击之镰：白起造成或受到伤害时会获得暗影之力，增加移速和治疗效果，最多可增加70点移速和80%治疗效果 。受到伤害时有20%几率再次自动释放一技能，被野怪攻击时释放几率提高 。</td>
<td>血之回响、死神之镰、无间傀儡</td>
</tr>
<tr>
<td><img src="./imges/对抗/铠.jpg" alt="铠" width="200px"></td>
<td>铠</td>
<td>修罗之魂：铠的普通攻击和极刃风暴只命中一个目标时会额外造成50%伤害。</td>
<td>回旋之刃、极刃风暴、不灭魔躯</td>
</tr>
<tr>
<td rowspan="6">辅助</td>
<td><img src="./imges/辅助/蔡文姬.jpg" alt="蔡文姬" width="200px"></td>
<td>蔡文姬</td>
<td>长歌行：当蔡文姬受到伤害时，自身会立刻增加70%持续衰减的移动速度，持续2秒，同时每秒回复250(+50%法术加成)点生命值，每10秒只能触发1次 。</td>
<td>思无邪、胡笳乐、忘忧曲</td>
</tr>
<tr>
<td><img src="./imges/辅助/孙膑.jpg" alt="孙膑"width="200px"></td>
<td>孙膑</td>
<td>- 时间沙漏：使用技能会增加自身移动速度，持续2秒。
- 一技能-时空爆弹：向指定目标投掷一枚时空爆弹，命中目标后造成一定法术伤害并附带减速效果，3秒后爆弹再次爆炸，造成更高法术伤害和减速。</td>
<td>时空爆弹、时之波动、时光流逝</td>
</tr>
<tr>
<td><img src="./imges/辅助/瑶.jpg" alt="瑶" width="200px"></td>
<td>瑶</td>
<td>山鬼·白鹿：瑶被晕眩、击退、击飞等硬控技能命中时会立即解除控制并变成鹿灵形态，鹿灵形态下无法被攻击但也不能攻击，持续4秒，期间可获得加速效果并可使用一技能。</td>
<td>若有人兮、风飒木萧、独立兮山之上</td>
</tr>
<tr>
<td><img src="imges/辅助/大乔.jpg" alt="大乔" width="200px"></td>
<td>大乔</td>
<td>川流不息：与附近600范围内最近的队友将会增加40～60移动速度，增加幅度随英雄等级成长 。</td>
<td>鲤跃之潮、宿命之海、决断之桥</td>
</tr>
<tr>
<td><img src="./imges/辅助/多莉亚.jpg" alt="朵莉亚" width="200px"></td>
<td>朵莉亚</td>
<td>月之祝福：能够增加额外的法术攻击力和移动速度 。</td>
<td>月之箭雨、月之祈愿、月之降临、月之领域</td>
</tr>
<tr>
<td><img src="./imges/辅助/明世隐.jpg" alt="明世隐" width="200px"></td>
<td>明世隐</td>
<td>大吉大利：明世隐对同一目标的第三次普攻会对其造成晕眩效果，同时回复自身生命值。</td>
<td>-临卦·无忧、师卦·飞翼、泰卦·长生</td>
</tr>
</table>
</body>
</html>
#个人总结
使用到的标签
一·用table标签制作表格，
table属性：border添加边框，
align表格对齐方式 left/center/right 左/中/右，
cellspacing单元格之间的距离，一般为0，
cellpadding 内容与边框的距离，
backcolor 表格背景颜色
background 表格背景图片
二用tr标签设置行
tr属性：height 行高，
bgcolor行的背景颜色
三用td标签设置列
td属性同tr
四合并单元格
rowspan跨行合并
colspan跨列合并
五图片添加(相对路径）
用img标签 src中填写./寻找同级文件夹 ../寻找上一级文件夹
