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

练习题 1

html 复制代码
<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 复制代码
<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 复制代码
<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>
相关推荐
数据与后端架构提升之路42 分钟前
从神经元到神经网络:深度学习的进化之旅
人工智能·神经网络·学习
一行11 小时前
电脑蓝屏debug学习
学习·电脑
咔叽布吉1 小时前
【论文阅读笔记】CamoFormer: Masked Separable Attention for Camouflaged Object Detection
论文阅读·笔记·目标检测
johnny2331 小时前
《大模型应用开发极简入门》笔记
笔记·chatgpt
亦枫Leonlew1 小时前
微积分复习笔记 Calculus Volume 1 - 4.7 Applied Optimization Problems
笔记·数学·微积分·1024程序员节
小肥象不是小飞象1 小时前
(六千字心得笔记)零基础C语言入门第八课——函数(上)
c语言·开发语言·笔记·1024程序员节
星LZX1 小时前
WireShark入门学习笔记
笔记·学习·wireshark
阑梦清川1 小时前
在鱼皮的模拟面试里面学习有感
学习·面试·职场和发展
qq_433099401 小时前
Isaac Gym学习笔记——概述
学习
努力变厉害的小超超3 小时前
ArkTS中的组件基础、状态管理、样式处理、class语法以及界面渲染
笔记·鸿蒙