【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>
相关推荐
biter0088几秒前
opencv(15) OpenCV背景减除器(Background Subtractors)学习
人工智能·opencv·学习
车轮滚滚__10 分钟前
uniapp对接unipush 1.0 ios/android
笔记
Code哈哈笑1 小时前
【Java 学习】深度剖析Java多态:从向上转型到向下转型,解锁动态绑定的奥秘,让代码更优雅灵活
java·开发语言·学习
m0_748248942 小时前
HTML5系列(11)-- Web 无障碍开发指南
前端·html·html5
QQ同步助手2 小时前
如何正确使用人工智能:开启智慧学习与创新之旅
人工智能·学习·百度
流浪的小新2 小时前
【AI】人工智能、LLM学习资源汇总
人工智能·学习
m0_748235612 小时前
从零开始学前端之HTML(三)
前端·html
A懿轩A3 小时前
C/C++ 数据结构与算法【数组】 数组详细解析【日常学习,考研必备】带图+详细代码
c语言·数据结构·c++·学习·考研·算法·数组
云边有个稻草人3 小时前
【优选算法】—复写零(双指针算法)
笔记·算法·双指针算法
旭久3 小时前
SpringBoot的Thymeleaf做一个可自定义合并td的pdf表格
pdf·html·springboot