2024-12-10

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏人物</title>
    <style>
        #play{
            list-style-image: url('../photo/屏幕截图\ 2024-12-11\ 190301.png');
        }
    </style>
</head>
<body>
    <table border="1" cellspacing="0" cellpadding="8" align="center" width="1200" >
    <thead >         
        <tr height="30" bgcolor="grey" align="center" >
            <td>类型</td>
            <td>图片</td>
            <td>英雄</td>
            <td>被动</td>
            <td>技能</td>
        </tr>
    </thead>
        <tr>
            <td rowspan="4" width="20">法师</td>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-10 224837.png" width="110px" height="170px"></a> </td>
            <td width="50">貂蝉</td>
            <td width="400">技能命中敌人叠加花之印记,叠满4层后触发,回复自身125点生命,并造成160(+33)点真实伤害,并减少其90%移动速度,持续1秒</td>
            <td>
            <ul id="play">
                <li>落·红雨</li>
                <li>缘·心结</li>
                <li>绽·风华</li>
            </ul>
            </td>
        </tr>
        <tr>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-10 224235.png" width="110px" height="160px"></a></td>
            <td width="50">王昭君</td>
            <td>王昭君对冰冻的敌人会额外造成22%法术加成点法术伤害。 王昭君召唤暴风雪对范围内敌人每次打击造成22%法术攻击法术伤害与冰冷效果,持续5秒。</td>
            <td>
                <ul id="play">
                    <li>凋零冰晶</li>
                    <li>禁锢寒霜</li>
                    <li>凛冬已至</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-10 223828.png" width="110px" height="160px"></a></td>
            <td>小乔</td>
            <td>释放技能命中敌人时,会增加25%移动速度,持续2秒</td>
            <td>
                <ul id="play">
                    <li>绽放之舞</li>
                    <li>甜蜜恋风</li>
                    <li>星华缭乱</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-10 224005.png" width="110px" height="160px"></a></td>
            <td>西施</td>
            <td>西施的技能伤害会随着自身与敌人间的距离增加而强化,距离每增加100,伤害增加5%,最多提升40%。</td>
            <td>
                <ul id="play">
                    <li>纱缚之印</li>
                    <li>幻纱之灵</li>
                    <li>心无旁骛</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td rowspan="2" width="20">射手</td>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-10 224101.png" width="110px" height="160px"></a></td>
            <td>虞姬</td>
            <td>有25%的几率射出两箭总计造成100(+120%物理加成)点物理伤害,同时将减少其15%移动速度,持续2秒,该效果最高叠加3层</td>
            <td>
                <ul id="play">
                    <li>楚歌起</li>
                    <li>大风来</li>
                    <li>阵前舞</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-10 224119.png" width="110px" height="160px"></a></td>
            <td>孙尚香</td>
            <td>每次普通攻击命中敌人都会减少0.5秒翻滚突袭的冷却时间</td>
            <td>
                <ul id="play">
                    <li>翻滚突袭</li>
                    <li>红莲爆弹</li>
                    <li>究极弩炮</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td rowspan="2" width="20">打野</td>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-10 225108.png" width="110px" height="160px"></a></td>
            <td>李白</td>
            <td>使用普攻攻击敌人时,会积累1道剑气,持续3秒。积累4道剑气后会进入【侠客行】状态,增加30点物理攻击并解除【青莲剑歌】的封印,持续5秒。攻击建筑不会积累剑气。</td>
            <td>
                <ul id="play">
                    <li>将进酒</li>
                    <li>神来之笔</li>
                    <li>青莲剑歌</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-10 225200.png" width="110px" height="160px"></a></td>
            <td>孙悟空</td>
            <td>释放技能后下次普攻变为强力敲击,冲锋至目标身旁并造成475(+100%物理攻击)物理伤害,该伤害可全额享受暴击收益。天生拥有20%暴击率,但初始只能造成150%暴击效果。</td>
            <td>
                <ul id="play">
                    <li>护身咒法</li>
                    <li>斗战冲锋</li>
                    <li>如意金箍</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td rowspan="3" width="20">辅助</td>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-11 124426.png" width="110px" height="160px"></a></td>
            <td>朵莉亚</td>
            <td>水域(河道也视为水域)会化为人鱼形态,减少50%所受的减速效果,并且每秒回复70点生命和5点法力。人鱼形态的普攻会射出水箭,造成范围伤害。【恢复】会替换为【人鱼之赐】,可与选定的队友建立契约,使用【天籁】时会优先选择契约队友。</td>
            <td>
                <ul id="play">
                    <li>欢歌</li>
                    <li>逐浪</li>
                    <li>天籁</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-11 124249.png" width="110px" height="160px"></a></td>
            <td>瑶</td>
            <td>被除压制以外的硬控技能命中后会立即解除控制并变为鹿灵,持续4秒,鹿灵状态将会刷新技能冷却,免疫所有效果但也失去攻击能力,灵鹿静怡的灵光会将敌人减速30%。每60~48秒(随英雄等级成长)最多触发一次。</td>
            <td>
                <ul id="play">
                    <li>若有人兮</li>
                    <li>风飒木萧</li>
                    <li>独立兮山之上</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td width="110"><a href="https://pvp.qq.com/" target="_blank"><img src="../photo/屏幕截图 2024-12-11 124354.png" width="110px" height="160px"></a></td>
            <td>蔡文姬</td>
            <td>受到伤害时增加持续衰减的35~70%移速,持续2秒,同时每秒回复250~530(+50%法术攻击)生命,持续2秒。该效果每10秒只能触发1次。</td>
            <td>
                <ul id="play">
                    <li>思无邪</li>
                    <li>胡笳乐</li>
                    <li>忘忧曲</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

第一次在网上制作表格,很多东西并不熟练,特别是一些标签并不熟悉,需要时常翻阅学习记录,经过这次编写以及不像小白一样不懂,以及知道了一下常用标签!

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

推荐阅读更多精彩内容

  • 作业分析 本次要使用table表格标签编写如下的效果 代码实现 使用html标签代码实现<!DOCTYPE htm...
    蒲林柔阅读 571评论 0 0
  • 今天,我主要来评五年级三位老师的课,这三课围绕梳理课文内容,设计了借助各种形式梳理课文内容,说作者的读书经历,理解...
    奔跑之蜗牛阅读 832评论 0 0
  • 对标签的不熟悉,导致需要多次查询老师的笔记,我会多加练习克服这些。 <!DOCTYPE html> ...
    阿木木_0cd3阅读 421评论 0 0
  • 1.本次要使用table表格标签编写如下的效果: 2.代码实现: <!DOCTYPE html> L...
    WwYiihung阅读 721评论 0 0
  • #作业分析 本次要使用table表格标签编写如下效果 #代码实现 <!DOCTYPE html><html lan...
    CC言堇阅读 37评论 0 0