作业分析
本次使用table表格标签编写如下效果
10.png
代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>原神</title>
</head>
<body>
<h1>原神角色分析</h1>
<table align="center" border="1" width="1200"
cellpadding="6" cellspacing="0">
<tr bgcolor="gray">
<th>类型</th>
<th> 图片 </th>
<th>角色名称</th>
<th>元素战技</th>
<th>元素爆发</th>
<th colspan="3">固有天赋和命座技能</th>
</tr>
<tr height="270" width="200px">
<th rowspan="3">主C</th>
<th><img width="200px" height="270px"
src="./1.webp"/></th>
<th>神里凌华</th>
<th>神里流*冰华：唤起盛开的冰之华，击飞身边敌人并造成冰元素范围伤害</th>
<th>神里流*霜灭：汇聚寒霜，放出持续行进的霜见雪关扉。
霜见雪关扉以刀锋般尖锐的霜风持续切割触及的敌人，造成冰元素伤害；持续时间结束时绽放，造成冰元素范围伤害</th>
<th>天罪国罪镇词</th>
<th>寒天宣命祝词</th>
<th>神里流*霞步</th>
</tr>
<tr>
<th><img width="200px" height="270px"
src="./2.webp"/></th>
<th>胡桃</th>
<th>蝶引来生:施放后，胡桃会进入“彼岸蝶舞”状态，基于她的生命值上限提高攻击力，
最高可达基础攻击力的400%。在这个状态下，
普通攻击和重击都会附加火元素伤害，并且重击会
使敌人进入“血梅香”状态，每4秒受到一次火元素伤害，持续8秒34</th>
<th>安神秘法：是一个强大的技能，可以对范围内的敌人造成火元素伤害，
并根据命中敌人的数量恢复胡桃的生命值。如果胡桃的生命值低于或等
于50%，该技能的伤害和治疗量都会增加</th>
<th>蝶隐之时</th>
<th>血之灶火</th>
<th>多多益善</th>
</tr>
<tr>
<th><img width="200px" height="270px"
src="./3.webp"/></th>
<th>娜维娅</th>
<th>典仪式晶火：分为点按和长按两种模式。点按时会消耗所有积攒的“裂晶弹片”，展开铳柄伞，发射多枚能够穿透敌人的“玫瑰晶弹”，对命中的敌人造成岩元素伤害。消耗的裂晶弹片数量越多，造成的伤害越高。
长按则会进入瞄准状态，持续获取附近的结晶反应产生的晶片，并在结束长按时打出与点按相同的“玫瑰晶弹”</th>
<th>如霰澄天的鸣礼：召唤华丽的“金花礼炮”轰击前方的敌人，造成岩元素范围伤害，
并在接下来的一段时间内进行持续的“支援炮击”。礼炮的炮击命中敌人时,将为娜维娅积攒1枚裂晶弹片</th>
<th>不明流通渠道</th>
<th>互助关系网</th>
<th></th>
</tr>
<tr>
<th rowspan="3">副C</th>
<th><img width="200px" height="270px"
src="./4.webp"/></th>
<th>雷电将军</th>
<th>神变·恶曜开眼：开启后对周围敌人造成雷元素伤害，并获得一个“[雷罚恶曜之眼”。这个“雷罚恶曜之眼”会在队伍里的角色或者附近友方角色对敌人造成伤害时发动协同攻击，
造成范围雷元素伤害。同时，获得“雷罚恶曜之眼”的角色元素爆发伤害提高，增益效果取决于元素爆发的元素能量</th>
<th>奥义·梦想真说：开启后造成雷元素范围伤害，伤害基于“诸愿百眼之轮”的层数，并且雷电将军的攻击武器变为太刀，
获得雷元素附魔，攻击命中可以恢复队伍中及附近所有角色的元素能量，抗打断能力提高，并且免疫感电反应的伤害</th>
<th>梦想一心</th>
<th>诸愿百眼之轮</th>
<th></th>
</tr>
<tr>
<th><img width="200px" height="270px"
src="./5.webp"/></th>
<th>小吉祥草王</th>
<th>所闻遍计：可以对身边的敌人造成草元素伤害并施加印记。长按可以进行瞄准，最多选定8个敌人进行攻击并施加印记。携带印记的敌人在一定距离内互相连结，触发元素反应后会受到额外的草属性伤害。
此外，该技能具有超大的瞄准范围、极快的释放速度和长久的持续时间，非常适合深林四件套的使用</th>
<th>心景幻成：纳西妲展开“摩耶之殿”领域，对队伍中的火、雷、水元素角色进行增强。例如，火元素角色提升伤害，
水元素角色延长大招持续时间</th>
<th>净善摄受明论</th>
<th>慧明缘觉智论</th>
<th>诸相随念净行</th>
</tr>
<tr>
<th>/<img width="200px" height="270px"
src="./6.webp"></th>
<th>夜阑</th>
<th>萦络纵命索:分为点按和长按两种方式。点按会使夜兰疾走一小段距离并对途径的敌人缠绕“络命丝”，
长按则会疾走3秒并对途径的敌人造成水元素伤害。该技能不仅可以作为次要输出手段,还能通过疾走恢复体力值</th>
<th>渊图玲珑骰:释放后会凝聚“玲珑骰”对敌人造成高额的水元素伤害。
只要“络命丝”命中敌人，就能增加一次协同攻击的效果</th>
<th>潜形隐曜弓</th>
<th>猜先有方</th>
<th>妙转随心</th>
</tr>
<tr>
<th rowspan="3">辅助</th>
<th><img width="200px" height="270px"
src="./7.webp"></th>
<th>申鹤</th>
<th>仰灵威召将役咒：造成2点冰元素伤害，生成冰翎。冰翎效果为：我方角色造成的冰元素伤害+11</th>
<th>神女遣灵真诀：造成1点冰元素伤害，召唤箓灵。箓灵在结束阶段造成1点冰元素伤害。召唤物在场时，敌方角色受到的冰元素伤害和物理伤害+11</th>
<th>归羽</th>
<th>凭风</th>
<th></th>
</tr>
<tr>
<th><img width="200px" height="270px"
src="./8.webp"></th>
<th>芙宁娜</th>
<th>黑芙形态（荒性）：召唤三只小宠物自动攻击敌人，造成水元素伤害。伤害倍率基于队内生命值50%以上的队友数量，每次命中会消耗队友的生命值。
白芙形态（芒性）：召唤水宠在固定区域内治疗角色，治疗量基于芙宁娜的生命值上限。两种形态可以切换，切换时E技能的持续时间不变，且芙宁娜可以在水面上行走</th>
<th>万众狂欢：造成一段弱水攻击后，屏幕四周出现气泡，芙宁娜获得“气氛值”，提升队伍中所有角色的伤害。增伤幅度取决于队内生命值的波动，无论是降低或增加，
都可以累积提高伤害。该技能需要搭配群体治疗的角色，以更快达成最大增伤效果</th>
<th>停不了的圆舞</th>
<th>无人听的自白</th>
<th>瀚海亦舞台</th>
</tr>
<tr>
<th><img width="200px" height="270px"
src="./9.webp"></th>
<th>闲云</th>
<th>朝起鹤云：闲云可以在脚下形成一个风场，让自己和队友进行下落攻击。下落攻击还会释放闲云冲击波，
对附近的敌人造成风属性伤害。该技能最多可以释放3次</th>
<th>暮极竹星：释放该技能后，大幅度强化队友的跳跃能力，治疗全队角色，并召唤机关竹星。竹星持续跟随当前场上的角色，间歇性为队伍中附近的所有角色恢复生命值。
释放大招后拥有八层仙力助推，可以提升队友跳跃高度，下坠攻击时消耗一层助推造成一次伤害</th>
<th>天威压众</th>
<th>霜翎高逐祥风势</th>
<th>细想应是洞中仙</th>
</tr>
</table>
</body>
</html>
个人总结
在使用table标签时，必须注意的是要属性词不能写错，如src打成scr，会导致代码无法运行，图片无法展示。
