how2j.cn

下载区
文件名 文件大小
images.rar 30k
answer.rar 31k

解压rar如果失败,请用5.21版本或者更高版本的winrar

点击下载 winrar5.21

工具版本兼容问题
本练习将用到后续的知识点 图像,表格 ,需要的图片在右侧下载images.rar。

答案在answer.rar中。 尽量自己先完成,然后再参考答案



步骤 1 :

练习效果图

edit  姿势不对,事倍功半! 点击查看做练习的正确姿势
练习效果图


HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2024-07-22 表格和图片标签实现LOL介绍
虚心求学




主要为表格,表格中有文字说明和图片
加载中
<h1 align = "left">英雄联盟  (电子竞技类游戏)</h1>
<span><strong>《英雄联盟》</strong>(简称 lol )是由美国<em> Riot Games </em>开发,中国大陆地区由腾讯公司运营的网络游戏。</span>
<br/>
<br/>
<table width = "90%" border = "1">
  <tr bgcolor = "#ddd">
   <td width = "15%"><strong>技能名</strong></td>
    <td width = "6%"><strong>触发</strong></td>
    <td width = "8%"><strong>技能属性</strong></td>
    <td width = "55%"><strong>技能效果</strong></td>
    <td width = "10%">图标</td>
  </tr>
  <tr height = "18%">
    <td><strong>坚韧</strong></td>
  <td><strong>被动</strong></td>
      <td colspan = "2">盖伦如果在9秒内不受到任何伤害,之后的每秒都会回复自己最大生命值的0.4%。小兵的伤害不会中断坚韧效果。</td>
        <td align = "center"><img src = "skill1.png"></td>
  </tr>
    <tr >
    <td><strong>致命打击</strong></td>
    <td><strong>Q</strong></td>
    <td>冷却时间:8</td>
    <td>盖伦移除身上的所有减速效果,并获得30%移动速度加成,持续1.5/2/2.5/3/3.5秒。
<br/>在接下来的4.5秒内,他的下次普通攻击会造成30/55/80/105/130(+1.4AD)物理伤害,并沉默目标1.5秒。	</td>
  <td align = "center"><img src = "skill2.png"></td>
  </tr>
    <tr>
    <td><strong>勇气</strong></td>
    <td><strong>W</strong></td>
    <td>冷却:24/23/22/21/20</td>
    <td><strong>被动:</strong>击杀一个单位会永久提供0.25护甲和魔法抗性加成,最大值:30
<br/><strong>主动:</strong>盖伦获得一个持续2/3/4/5/6秒的防御护盾,减少即将到来的30%伤害。</td>
    <td align = "center"><img src = "skill3.png"></td>
  </tr>
    <tr>
    <td><strong>审批</strong></td>
    <td><strong>E</strong></td>
    <td>冷却:9</td>
    <td>盖伦快速地旋舞大剑,持续3秒,在持续期间对周围敌人总共造成物理伤害——14/18/22/26/30加上他总攻击力的34/35/36/37/38%,5次(英雄每升3级加1次)。
<br/>E【审判】会在攻击单个敌人时造成33%额外伤害。
<br/>取消E【审判】会返还相当于剩余持续时长的冷却时间。
<br/>E【审判】可以暴击,并造成额外伤害。</td>
  <td align = "center"><img src = "skill4.png"></td>
  </tr>
    <tr>
    <td><strong>德玛西亚正义</strong></td>
    <td><strong>R</strong></td>
    <td>冷却:120/100/80</td>
    <td><strong>被动:</strong>最近获得最多击杀数的敌人会成为<strong>大反派</strong>。盖伦的E【审判】和普攻会对<strong>大反派</strong>造成额外真实伤害,伤害值为大反派1%的最大生命值。
<br/><strong>主动:</strong>盖伦召唤德玛西亚之力,试图斩杀一名敌方英雄,目标损失的生命越多,则此技能造成的伤害越高。造成175/350/525魔法伤害加上目标已损失生命值的28/33/40%。对<strong>大反派</strong>造成真实伤害。</td>
  <td align = "center"><img src = "skill5.png"></td>
  </tr>
<table>

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2022-05-20 答案
fujava




练习答案
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>
        <h2>英雄技能</h2>
    </div>
    <div>
        <table border="1" width="800px">
            <tr bgcolor = "#ddd">
                <td width="100px">
                    <strong>技能名</strong>
                </td>
                <td width="50px">
                    <strong>触发</strong>
                </td>
                <td>
                    <strong>技能属性</strong>
                </td>
                <td>
                    <strong>技能效果</strong>
                </td>
                <td width="50px">
                    <strong>图标</strong>
                </td>
            </tr>
            <tr valign="middel">
                <td><strong>坚韧</strong> </td>
                <td><strong>被动</strong></td>
                <td colspan="2">盖伦如果在9秒内不受到任何伤害,之后的每秒都会回复自己最大生命值的0.4%。小兵的伤害不会中断坚韧效果</td>
                <td><img src="images\skill1.png" alt="坚韧"></td>
            </tr>
            <tr>
                <td><strong>致命打击</strong></td>
                <td><strong>Q</strong></td>
                <td>冷却时间:8</td>
                <td>盖伦移除身上的所有减速效果,并获得30%移动速度加成,持续1.5/2/2.5/3/3.5秒。
                    在接下来的4.5秒内,他的下次普通攻击会造成30/55/80/105/130(+1.4AD)物理伤害,并沉默目标1.5秒
                </td>
                <td><img src="images/skill2.png" alt="致命打击"></td>
            </tr>
            <tr>
                <td><strong>勇气</strong></td>
                <td><strong>W</strong></td>
                <td>冷却:24/23/22/21/20</td>
                <td>被动:击杀一个单位会永久提供0.25护甲和魔法抗性加成,最大值:30
                    主动:盖伦获得一个持续2/3/4/5/6秒的防御护盾,减少即将到来的30%伤害。</td>
                <td> <img src="images/skill3.png" alt="勇气"></td>
            </tr>
            <tr>
                <td><strong>审判</strong></td>
                <td><strong>E</strong></td>
                <td> 冷却:9</td>
                <td>盖伦快速地旋舞大剑,持续3秒,在持续期间对周围敌人总共造成物理伤害——14/18/22/26/30加上他总攻击力的34/35/36/37/38%,
                    5次(英雄每升3级加1次)。
                    E【审判】会在攻击单个敌人时造成33%额外伤害。
                    取消E【审判】会返还相当于剩余持续时长的冷却时间。
                    E【审判】可以暴击,并造成额外伤害。</td>
                <td><img src="images/skill4.png" alt="审判"></td>
            </tr>
            <tr>
                <td><strong>勇气</strong></td>
                <td><strong>R</strong></td>
                <td>冷却:120/100/80</td>
                <td>被动:最近获得最多击杀数的敌人会成为大反派。盖伦的E【审判】和普攻会对大反派造成额外真实伤害,伤害值为大反派1%的最大生命值。
                    主动:盖伦召唤德玛西亚之力,试图斩杀一名敌方英雄,目标损失的生命越多,则此技能造成的伤害越高。造成175/350/525魔法伤害加上目标已损失生命值的28/33/40%。对大反派造成真实伤害。
                </td>
                <td><img src="images/skill5.png" alt="勇气"></td>
            </tr>
        </table>
    </div>
</body>

</html>

							


1 个答案

LUO萝北
答案时间:2023-05-29
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <h3>英雄技能</h3> <table border="1px"> <b> <tr bgcolor="gray"> <th>技能名</th> <th>触发</th> <th>技能属性</th> <th>技能效果</th> <th>图标</th> </tr> </b> <tr> <td>坚韧</td> <td>被动</td> <td>无</td> <td>盖伦如果在9秒内不受到任何伤害。。。</td> <td><img src="D:\install\WONIU-J-Install\practiceProject\htmlDay02how2j\skill1.png" alt=""></td> </tr> <tr> <td>坚韧</td> <td>被动</td> <td>无</td> <td>盖伦如果在9秒内不受到任何伤害。。。</td> <td><img src="D:\install\WONIU-J-Install\practiceProject\htmlDay02how2j\skill2.png" alt=""></td> </tr> <tr> <td>坚韧</td> <td>被动</td> <td>无</td> <td>盖伦如果在9秒内不受到任何伤害。。。</td> <td><img src="D:\install\WONIU-J-Install\practiceProject\htmlDay02how2j\skill3.png" alt=""></td> </tr> <tr> <td>坚韧</td> <td>被动</td> <td>无</td> <td>盖伦如果在9秒内不受到任何伤害。。。</td> <td><img src="D:\install\WONIU-J-Install\practiceProject\htmlDay02how2j\skill4.png" alt=""></td> </tr> </table> </body> </html>



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2022-05-07 阶段性练习2答案
2022-02-24 练习-效果图
2021-06-19 我的


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 35 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 前端部分-HTML-阶段性练习2 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 578362961
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图