WEB第一次作业

作业描述

使用表格介绍游戏各位英雄


image.png

网页代码

使用VSCode工具编写代码,如下:

<!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>
        <table border="1" cellpadding="10" cellspacing="0" width="1000">
        <tr>
            <th>类型</th>
            <th>图片</th>
            <th width="100">英雄名称</th>
            <th>被动</th>
            <th width="200">技能</th>
        </tr>
        <tr>
            <th>中路</th>
            <th>
            <a href="https://pvp.qq.com/web201605/herodetail/diaochan.shtml">    
                <video controls autoplay muted width="300px" src="./video/WeChat_20241213104715.mp4">
            </a>    
            </th>
            <th>貂蝉</th>
            <th>为其对敌人造成技能输出的同时,敌方还会受到貂蝉的莲花印记</th>
            <th>
            <ul>
                <li>落·红雨</li>
                <li>绽·风华</li>
                <li>缘·心结</li>  
            </ul>
            </th>
        </tr>
        <tr>
            <th>打野</th>
            <th>
            <a href="https://pvp.qq.com/web201605/herodetail/jing.shtml">
                <video controls autoplay muted width="300px" src="./video/WeChat_20241213105156.mp4">
            </a>
            </th>
            <th>镜</th>
            <th>铸镜,英雄本体和镜像对敌人造成伤害时会给敌人留下2种不同的印记,当敌人同时拥有2种印记将受到已损生命值4%的斩杀伤害,同时刷新一、二技能的CD,该效果触发后,被动效果将进入5秒CD,大招期间为2秒CD</th>
            <th>
            <ul>
                <li>开锋</li>
                <li>裂空</li>
                <li>见影</li>
            </ul>    
            </th>
            
        </tr>
        <tr>
            <th>辅助</th>
            <th>
            <a href="https://pvp.qq.com/web201605/herodetail/daqiao.shtml">    
                <video controls autoplay muted width="300px" src="./video/WeChat_20241213105431.mp4">
            </a>
            </th>
            <th>大乔</th>
            <th>唯一被动-复生:死亡后2秒原地复活,并获得2000+英雄等级*100点生命值,冷却时间:150秒. 这个效果每局游戏只能触发2次 Tips:大乔需要时刻游走在地图上为队友开启传送门,装备上可以选择坦装来避免被敌方刺客抓住落单机会秒杀</th>
            <th>
            <ul>    
                <li>鲤跃之潮</li>   
                <li>宿命之海</li>
                <li>决断之桥</li>
                <li>涡旋之门</li>
            </ul>
            </th>
        </tr>
    </table>
        <audio autoplay controls loop muted preload="metadate" src="./audio/王者备战_爱给网_aigei_com.mp3"
            <source src="./audio/王者备战_爱给网_aigei_com.mp3">
</body>
</html>

个人总结

虽然学会了一些常用标签的使用,但是一点都不熟练,还需要多加练习.

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

相关阅读更多精彩内容

  • 作业描述 使用表格实现一个网页,介绍我游戏中的各位英雄 网页代码 使用VSCode工具编写代码,如下:
    马靖冉阅读 559评论 0 0
  • 作业分析 本次使用table标签和css样式编写如下的效果: 代码实现 使用html+css实现(编写工具 VSC...
    笔墨盛花阅读 775评论 0 1
  • #作业分析 本次要使用table表格标签编写如下效果 #代码实现 使用html标签代码实现 ...html <!D...
    W_2848阅读 1,076评论 0 0
  • 网页分析 本次使用table表格标签编写 代码实现 使用html标签代码实现 个人总结 多种不同的代码组合而成的网...
    a9ed9ed43e0c阅读 1,099评论 1 2
  • #作业分析 本次使用table表格标签编写如下的效果 代码的实现: <!DOCTYPE html> ...
    一口一个_b051阅读 721评论 0 0

友情链接更多精彩内容