WEB第一次作业

#作业分析

本次要使用table表格标签编写如下效果














#代码实现

使用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>

    <h1>王者荣耀</h1>

    <table border="1" cellpadding="10" width="1000" cellspacing="0" align="center">

  <tr bgcolor="red">

    <td height="50">类型</td>

    <td>图片</td>

    <td>英雄名称</td>

    <td>被动</td>

    <td>技能</td>

</tr>

<tr>

    <td rowspan="3">英雄</td>

    <td width="300"><img src="D:\云计算2024\images\微信截图_20241211134732.png" width="300"></td>

    <td>孙悟空</td>

    <td width="450">孙悟空释放技能后下次普攻变为强力敲击,冲锋至目标身旁并造成475(+100%物理攻击)物理伤害,该伤害可全额享受暴击收益。

        孙悟空天生拥有20%暴击率,但初始只能造成150%暴击效果。</td>

    <td width="250">大圣神威 护身咒法 斗战冲锋 如意金箍</td>

</tr>

<tr>

    <td width="300"><img src="D:\云计算2024\images\微信截图_20241211134826.png" width="300"</td>

    <td>铠</td>

    <td>铠拥有精湛的战斗技巧,当铠的普通攻击和极刃风暴只命中了一个目标时将会额外造成50%伤害。</td>

    <td>修罗之魂 回旋之刃 极刃风暴 不灭魔躯</td>

</tr>

<tr>

    <td width="300"><img src="D:\云计算2024\images\微信截图_20241211135227.png" width="300"</td>

    <td>曜</td>

    <td>曜技能命中敌方单位时将回复70~140(+2%额外生命)点生命,每次释放技能时,获得一层星辰之力,当星辰之力充盈时,曜获得一次强化技能使用权,持续三秒,强化技能释放后会强化下次普攻,使用强化普攻会向敌人发起冲锋,额外造成70(+20%物理攻击)物理伤害。</td>

    <td>星辰之赐 裂空斩 逐星 归尘</td>

</tr>

    </table>

</body>

</html>

...

#个人总结

通过这次的网页开发,初步掌握了html标签语法的使用方法,加深了理解

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容