作业分析
本次要使用table表格标签编写如下的效果:
个人总结
虽然打字的过程很慢,代码写得很慢,但是能把它完成看到自己写出的网页,心里很满足。
代码实现
使用html标签代码实现
<!doctype html>
<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"
width="1000"
align="center"
cellspacing="0"
cellpadding="10"
>
<thead>
<tr>
<th>类型</th>
<th>图片 </images></th>
<th style="width:100px">英雄名称</th>
<th>被动</th>
<th>技能</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">射手</td>
<td width="100px"><img style="width:100px;height:100px;"src="https://i0.hdslb.com/bfs/article/21866801cd82d2dff37f6aa09d8025e726430850.png@1192w.avif"></td>
<td>敖隐</td>
<td>隐介藏行:每使用一次技能会叠加1层龙魂印记,最多3层,下一次普攻还会消耗所有印记,每次印记额外造成一次伤害;主剑指/副剑指:一/二/三/技能对应火/雨/风元素,最后两次技能使用的对应元素,会附加在主剑指和副剑指上</td>
<td>薄日掌火、擎天司雨、踏芷驾风、穷乎其间</td>
</tr>
<tr>
<td width="100px"><img style="width:100px;height:100px;"src="https://c-img.18183.com/images/2020/05/19/14f5c00db360c5ad492e3183f9d9594b.jpg@!18183"></td>
<td>孙尚香</td>
<td>活力进发:每次普通攻击命中敌人都会减少0.5秒翻浪突袭的冷却时间</td>
<td>翻滚突袭、红莲爆弹、究极弩炮</td>
</tr>
<tr>
<td width="100px"><img style="width:100px;height:100px;"src="https://pic.87g.com/upload/2021/0408/20210408092458656.jpg"></td>
<td>狄仁杰</td>
<td>迅捷:普攻能够获得1层迅捷效果,每层迅捷效果增加3.5~7%攻速与5%移速,最多叠加5层,第三次普攻将会随机使用一张蓝牌或红牌进行攻击</td>
<td>六令追凶、逃脱、王朝密令</td>
</tr>
<tr>
<td rowspan="2">刺客</td>
<td width="100px"><img style="width:100px;height:100px;"src="https://b0.bdstatic.com/ca634ea94f8908927f1c57ca343c541b.jpg@h_1280"></td>
<td>孙悟空</td>
<td>强化普攻:每次释放技能后,下一次普攻会变为强力敲击,冲锋至目标身旁,造成高额物理伤害。附带位移效果:强化普攻不仅提升伤害,还附带位移效果,增加了孙悟空的机动性和突进能力</td>
<td>护身咒法,牛战冲锋</td>
</tr>
<tr>
<td width="100px"><img style="width:100px;height:100px;"src="https://img1.baidu.com/it/u=3114744347,690073835&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422".></td>
<td>李白</td>
<td>使用普通攻击攻击敌人时,会积累1道剑气,持续3秒。积累4道剑气后,李白会进入“侠客行”状态,增加30点物理攻击力并解除大招“青莲剑歌”的封印,持续5秒。</td>
<td>将进酒,神来之笔,青莲剑歌</td>
</tr>
</tbody>
</table>
</html>