2024-12-14

作业分析

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


image.png

个人总结

虽然打字的过程很慢,代码写得很慢,但是能把它完成看到自己写出的网页,心里很满足。

代码实现

使用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>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 我的第一次wbe网站开发作业 本次作业主要求 制作表格并插入图片、音乐、视频,且表格要有合并,此外加入超链接的运用...
    寒酆落尘阅读 80评论 0 0
  • 作业描述 使用表格实现第一个网页,介绍游戏中的人物 网页代码 使用VScode工具写代码,如下:
    Faker懂电脑阅读 60评论 0 0
  • 我在三月旗帜这几个月学习编程Python和C语言的体验。 Python 给我的第一感觉就是简洁易懂。它的语法相对简...
    詞_b24c阅读 143评论 0 0
  • 时光如梭,眨眼就快到年底了,新年即将来临,同时也意味着大学的第一学年快要接近尾声了。期末考试的紧张感也已经开始弥漫...
    bc0347717afb阅读 50评论 0 0
  • 从今天开始,你将涅槃重生,逆风翻盘,这局是必胜局,你将会有越来越多的钱,越来越多的财富。你将有无限可能。 从今天开...
    尹小月阅读 71评论 0 0

友情链接更多精彩内容