作业分析
本次要使用table表格标签编写如下的效果
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>永劫无间</title>
</head>
<body>
<h3>永劫无间</h3>
<table border="1" cellpadding="10" cellspacing="0" width="1000" align="center" style="text-align:center;" cellpadding="20">
<tr>
<th>类型</th>
<th style="width:100px">英雄名称</th>
<th>图片</th>
<th>特点</th>
<th>技能介绍</th>
</tr>
<tr>
<td rowspan="2">辅助</td>
<td >胡桃</td>
<td width="160px"><img style="width:160px;height:160px;"src="https://img1.baidu.com/it/u=4168452587,2929981814&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=800"></td>
<td>治疗和支援能力出色，能为队友提供持续的治疗和增益效果</td>
<td>庇护（连接并治疗队友，可复活队友）；
净天地（布下法阵，治疗队友并清除减益
效果）</td>
</tr>
<tr>
<td>宁红夜</td>
<td width="150px"><img style="width:150px;height:150px;"src="https://img0.baidu.com/it/u=1698834116,690556405&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=800"></td>
<td>控制和输出兼备，能通过技能对敌人造成高额伤害并削弱敌人</td>
<td>昆仑决（击飞敌人并打断蓝色霸体招式）
；奥义有多种分支，包括使敌人眩晕、无法使用技能和奥义等效果</td>
</tr>
<tr>
<td rowspan="3">战士</td>
<td>特木尔</td>
<td width="150px"><img style="width:150px;height:150px;"src="https://img2.baidu.com/it/u=543188193,1327462783&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=800"></td>
<td>拥有强大的群体控制能力，能有效限制敌人的行动</td>
<td>风之精灵（释放精灵护体，可抵消远程子弹并发射精灵）；风之牢笼（形成牢笼阻挡远程攻击，使敌人移动艰难）</td>
</tr>
<tr>
<td>季沧海</td>
<td width="150px"><img style="width:150px;height:150px;"src="https://img1.baidu.com/it/u=3754376835,331078727&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=800"></td>
<td>高输出和高规破性，能在战斗中迅速造成
大量伤害</td>
<td>燎原劲（发射火球造成伤害）；迅烈如火（动作全面加速，部分动作可附带打击和均伤）</td>
</tr>
<tr>
<td>岳山</td>
<td width="150px"><img style="width:150px;height:150px;"src="https://b0.bdstatic.com/b68966e6b3f0e820288a9d830fac1aa9.jpg@h_1280"></td>
<td>灵活性和支援能力出众，能有效保持进攻
节奏</td>
<td>陷阵（向前撞击击退敌人）；千军辟易（化身神将，体力回满，有多种攻击方式）</td>
</tr>
<tr>
<td>刺客</td>
<td>迦南</td>
<td width="200px"><img style="width:200px;height:200px;"src="https://img2.baidu.com/it/u=791563564,1585158318&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800"></td>
<td>单点控制能力极强，擅长瞬移和隐身，能快速打击敌人</td>
<td>追魂（瞬移技能）；寂静暗刑（进入隐身状态，并重置追魂的冷却时间）</td>
</tr>
</table>
</body>
</html>
#个人总结
基本表格标签已经有了初步掌握，但不够熟练
表格间距调整有些生疏，图片分辨率掌握不完全