【how2j练习题】HTML部分综合练习

最新推荐文章于 2024-06-12 08:14:53 发布

日光倾

最新推荐文章于 2024-06-12 08:14:53 发布

阅读量614

点赞数 8

分类专栏： HTML、CSS、JS学习笔记文章标签： html 学习笔记

本文链接：https://blog.csdn.net/diguangxihua/article/details/136741466

版权

HTML、CSS、JS学习笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

练习题 1

在这里插入图片描述

<html>

<h1>英雄联盟 （电子竞技类游戏）</h1>
<p> <strong>《英雄联盟》</strong>（简称lol）是由美国<i>Riot Games</i>开发，中国大陆地区由腾讯游戏运营的网络游戏。</p>

<p><strong>《英雄联盟》</strong>除了即时战略、团队作战外，还拥有一百多位特色各异的英雄、丰富的地图及玩法、自动匹配的战网平台，包括天赋树、召唤师系统、符文等元素。<ins>[1]</ins></p>

<p>2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<del>750</del> 900万，全球日活跃高达2700万，全球月活跃已达6700万，注册用户亿计，LOL已经成为当今世界最具人气和影响力的网络游戏之一。<ins>[2]</ins></p>

</html>

练习题 2

在这里插入图片描述

<html>
    <h1>英雄技能</h1>
<table border="1" >
    <tr bgcolor="lightgrey">
        <td><strong>技能名</strong></td>
        <td><strong>触发</strong></td>
        <td><strong>技能属性</strong></td>
        <td><strong>技能效果</strong></td>
        <td>图标</td>
    </tr>
   
    <tr>
        <td><strong>坚韧</strong></td>
        <td><strong>被动</strong></td>
        <td colspan="2">盖伦如果在9秒内不受到任何伤害，之后的每秒都会回复自己最大生命值的<br>0.4%。小兵的伤害不会中断坚韧效果。</td>
        <td><img src="skill1.png"/></td>
    </tr>
   
    <tr>
        <td><strong>致命打击</strong></td>
        <td><strong>Q</strong></td>
        <td>冷却时间：8</td>
        <td>盖伦移除身上的所有减速效果，并获得30%移动速度加成，持</br>续1.5/2/2.5/3/3.5秒。</br>
            在接下来的4.5秒内，他的下次普通攻击会造成</br>30/55/80/105/130(+1.4AD)物理伤害，并沉默目标1.5秒。</td>
        <td><img src="skill2.png"/></td>
    </tr>
    <tr>
        <td><strong>勇气</strong></td>
        <td><strong>W</strong></td>
        <td>冷却：</br>
            24/23/22/21/20</td>
        <td><strong>被动：</strong>击杀一个单位会永久提供0.25护甲和魔法抗性加成，最</br>大值：30</br>
            <strong>主动：</strong>盖伦获得一个持续2/3/4/5/6秒的防御护盾，减少即将到</br>来的30%伤害。       
        </td>
        <td><img src="skill3.png"/></td>
    </tr>
   
    <tr>
        <td><strong>审判</strong></td>
        <td><strong>E</strong></td>
        <td>冷却：9
        <td>盖伦快速地旋舞大剑，持续3秒，在持续期间对周围敌人总共造</br>
            成物理伤害——14/18/22/26/30加上他总攻击力的</br>
            34/35/36/37/38%，5次(英雄每升3级加1次)。</br>
            E【审判】会在攻击单个敌人时造成33%额外伤害。</br>
            取消E【审判】会返还相当于剩余持续时长的冷却时间。</br>
            E【审判】可以暴击，并造成额外伤害。   
        </td>
        <td><img src="skill4.png"/></td>
    </tr>

    <tr>
        <td><strong>德玛西亚正义</strong></td>
        <td><strong>R</strong></td>
        <td>冷却：</br>
            120/100/80
        <td>
            <strong> 被动：</strong>最近获得最多击杀数的敌人会成为<strong>大反派</strong>。盖伦的E【审</br>
            判】和普攻会对<strong>大反派</strong>造成额外真实伤害，伤害值为<strong>大反派</strong>1%</br>
            的最大生命值。</br>
            <strong>主动：</strong>盖伦召唤德玛西亚之力，试图斩杀一名敌方英雄，目标</br>
            损失的生命越多，则此技能造成</br>
            的伤害越高。造成175/350/525魔法伤害加上目标已损失生命值的28/33/40%。</br>
            对<strong>大反派</strong>造成真实伤害。</br>
        </td>
        <td><img src="skill5.png"/></td>
    </tr>  
   
  </table>
</html>

练习题 3

在这里插入图片描述


<html>
<!-- 
<font color = "red">*</font>
<font id = "write">用户名:</font>
<input type="text" >
</br>
	
<font color = "red">*</font>
<font id = "write">密码:</font>
<input type="text">
</br>
	
<font color = "red">*</font>
确认密码:<input type="text">
</br>
	
<font color = "red">*</font>
Email:<input type="text">
</br>
	
<font color = "red">*</font>
真实姓名:<input type="text">
</br>

<font color = "red">*</font>
性别:<select >
        <option >男</option>
        <option >女</option>
   </select>
</br>

<font color = "red">*</font>
生日:<select >
        <option >1980</option>
        <option >1981</option>
    </select>
    <select >
        <option >1</option>
        <option >2</option>
    </select>
    <select >
        <option >1</option>
        <option >2</option>
    </select>
</br>

<font color = "red">*</font>
手机:<input type="text">
</br>

<font color = "red">*</font>

居住地:<select >
            <option >四川省</option>
            <option >湖南省</option>
        </select>
        <select >
            <option >a市</option>
            <option >b市</option>
        </select>
        <select >
            <option >a区</option>
            <option >b区</option>
        </select>
        <select >
            <option >a乡</option>
            <option >b乡</option>
        </select>
</br>
        
<font color = "red">*</font>
QQ:<input type="text">
</br> -->
	<table>
        <tr>
            <td style="text-align: right;"><font color = "red">*</font>用户名</td>
            <td style="text-align: left;"><input type="text" size="30"></td>
            <td><font color = "red">用户名不得小于3个字符</font></td>
        </tr>

        <tr>
            <td style="text-align: right;"><font color = "red">*</font>密码</td>
            <td style="text-align: left;"><input type="text"  size="30"></td>
        </tr>
        <tr>
            <td style="text-align: right;"><font color = "red">*</font>确认密码</td>
            <td style="text-align: left;"><input type="text"  size="30"></td>
        </tr>
        <tr>
            <td style="text-align: right;"><font color = "red">*</font>Email</td>
            <td style="text-align: left;"><input type="text"  size="30"></td>
        </tr>   
        <tr>
            <td style="text-align: right;"><font color = "red">*</font>真实姓名</td>
            <td style="text-align: left;"><input type="text"  size="30"></td>
        </tr>    
        <tr>
            <td style="text-align: right;"><font color = "red">*</font>性别</td>
            <td style="text-align: left;">
                <select >
                    <option >男</option>
                    <option >女</option>
                </select>
            </td>
        </tr>              
        
        <tr>
            <td style="text-align: right;"><font color = "red">*</font>生日</td>
            <td style="text-align: left;">
                <select >
                    <option >1980</option>
                    <option >1981</option>
                </select>
                <select >
                    <option >1</option>
                    <option >2</option>
                </select>
                <select >
                    <option >1</option>
                    <option >2</option>
                </select>
            </td>
        </tr> 
        
        <tr>
            <td style="text-align: right;"><font color = "red">*</font>手机</td>
            <td style="text-align: left;"><input type="text" size="30"></td>
        </tr>   

        <tr>
            <td style="text-align: right;"><font color = "red">*</font>居住地</td>
            <td style="text-align: left;">
                <select >
                    <option >a省</option>
                    <option >b省</option>
                </select>
                <select >
                    <option >a市</option>
                    <option >b市</option>
                </select>
                <select >
                    <option >a区</option>
                    <option >b区</option>
                </select>
                <select >
                    <option >a乡</option>
                    <option >b乡</option>
                </select>
            </td>
        </tr> 

        <tr>
            <td style="text-align: right;"><font color = "red">*</font>QQ</td>
            <td style="text-align: left;"><input type="text"  size="30"></td>
        </tr>         
        <tr>
            <td style="text-align: right;"></td>
            <td style="text-align: left;"><a href="#">设置我的QQ在线状态</a></td>
        </tr>         

    </table>
</html>