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

练习题 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>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/461806.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

openGauss学习笔记-244 openGauss性能调优-SQL调优-典型SQL调优点-统计信息调优

openGauss学习笔记-244 openGauss性能调优-SQL调优-典型SQL调优点-统计信息调优

文章目录 openGauss学习笔记-244 openGauss性能调优-SQL调优-典型SQL调优点-统计信息调优244.1 统计信息调优244.1.1 统计信息调优介绍244.1.2 实例分析&#xff1a;未收集统计信息导致查询性能差 openGauss学习笔记-244 openGauss性能调优-SQL调优-典型SQL调优点-统计信息调优…
阅读更多...
4.10.CVAT——3D对象标注

4.10.CVAT——3D对象标注

文章目录 1. 创建任务2. 3D 任务工作区3.标准 3D 模式 Standard 3D mode4. 用长方体进行注释4.1. 用shapes进行注释4.2. 使用长方体进行跟踪Tracking 使用 3D 注释工具来标记 3D 对象和场景&#xff0c;例如车辆、建筑物、景观等。 1. 创建任务 要创建 3D 任务&#xff0c;您必…
阅读更多...
快速从0-1完成聊天室开发——环信ChatroomUIKit功能详解

快速从0-1完成聊天室开发——环信ChatroomUIKit功能详解

聊天室是当下泛娱乐社交应用中最经典的玩法&#xff0c;通过调用环信的 IM SDK 接口&#xff0c;可以快速创建聊天室。如果想根据自己业务需求对聊天室应用的 UI界面、弹幕消息、礼物打赏系统等进行自定义设计&#xff0c;最高效的方式则是使用环信的 ChatroomUIKit 。 文档地址…
阅读更多...
面试题手撕篇

面试题手撕篇

参考博客 开始之前&#xff0c;理解递归 手写 浅拷贝 function shallow(target){if(target instanceof Array){return [...resObj]}else{return Object.assign({},target);} }手写深拷贝 const _sampleDeepClone target > {// 补全代码return JSON.parse(JSON.stringify…
阅读更多...
mybatis源码阅读系列（一）

mybatis源码阅读系列（一）

源码下载 mybatis 初识mybatis MyBatis 是一个优秀的持久层框架&#xff0c;它支持定制化 SQL、存储过程以及高级映射。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。MyBatis 可以使用简单的 XML 或注解用于配置和原始映射&#xff0c;将接口和 Java 的…
阅读更多...
UE4_调试工具_绘制调试球体

UE4_调试工具_绘制调试球体

学习笔记&#xff0c;仅供参考&#xff01; 效果&#xff1a; 步骤&#xff1a; 睁开眼睛就是该变量在此蓝图的实例上可公开编辑。 勾选效果&#xff1a;
阅读更多...
【小白刷leetcode】第15题

【小白刷leetcode】第15题

【小白刷leetcode】第15题 动手刷leetcode&#xff0c;正在准备蓝桥&#xff0c;但是本人算法能力一直是硬伤。。。所以做得一直很痛苦。但是不熟练的事情像练吉他一样&#xff0c;就需要慢速&#xff0c;多练。 题目描述 看这个题目&#xff0c;说实在看的不是很懂。索性我们直…
阅读更多...
GUROBI建模之非线性约束的处理

GUROBI建模之非线性约束的处理

官方文档 目录 官方文档&#xff1a;GRBModel.AddGenConstrXxx() - Gurobi Optimization 数学规划的约束类型 基本约束(fundamental constraints)&#xff1a; 通用约束(general constraints): 1. GUROBI求解器有针对这类约束的函数&#xff0c;直接调用这类函数即可 2.…
阅读更多...
Python-GIS分析之地理数据空间聚类

Python-GIS分析之地理数据空间聚类

地理空间数据聚类是空间分析和地理信息系统（GIS）领域的一项关键技术。这种方法对于理解地理数据固有的空间模式和结构、促进城市规划、环境管理、交通和公共卫生等各个领域的决策过程至关重要。本文探讨了地理空间数据聚类的概念、方法、应用、挑战和未来方向。 当模式出现…
阅读更多...
音频切割如何操作？剪辑音乐入门教程

音频切割如何操作？剪辑音乐入门教程

随着数字音乐时代的来临&#xff0c;音频编辑和音乐剪辑成为了越来越多人的必备技能。无论是想要制作个人音乐作品&#xff0c;还是想要为视频添加背景音乐&#xff0c;了解如何切割和剪辑音频都是非常重要的。本文将为你提供一份音频切割和音乐剪辑的入门教程&#xff0c;帮助…
阅读更多...
13-操作符（初识）

13-操作符（初识）

课前小技巧&#xff1a;VS中&#xff0c;想要复制哪一行&#xff0c;直接把鼠标放在哪一行&#xff0c;CtrlC即可&#xff0c;CtrlV直接自动复制到下一行 C语言非常灵活&#xff1a;C语言提供了非常丰富的操作符&#xff0c;使用起来比较灵活 13-1 算术操作符 - * / % 这…
阅读更多...
WXML 模板语法

WXML 模板语法

数据绑定 1. 数据绑定的基本原则 ① 在 data 中定义数据 在页面对应的 .js 文件中&#xff0c;把数据定义到 data 对象中即可 ② 在 WXML 中使用数据 2. Mustache 语法的格式 把 data 中的数据绑定到页面中渲染&#xff0c;使用 Mustache 语法&#xff08;双大括号&#x…
阅读更多...
快速了解JavaScript

快速了解JavaScript

1.1 javaScript 历史 创始人 布兰登 艾奇 生于1961年 在1995设计LiveScript后改名为JavaScript 1.2 javaScript 是什么类型的语言 JavaScript是一种在客户端运行的脚本语言&#xff08;不需要编译&#xff0c;由js引擎逐行解释执行&#xff09; 1.3 JavaScript可以做什么 …
阅读更多...
ts版本微信小程序在wxml保存文件不刷新页面的解决办法

ts版本微信小程序在wxml保存文件不刷新页面的解决办法

将project.config.json中的skylineRenderEnable改为false "skylineRenderEnable": false
阅读更多...
【理解机器学习算法】之岭回归Ridge - L2 Rgularization

【理解机器学习算法】之岭回归Ridge - L2 Rgularization

Ridge 回归&#xff08;Ridge Regression&#xff09;也称作岭回归或脊回归&#xff0c;是一种专用于共线性数据分析的有偏估计回归方法。在多元线性回归中&#xff0c;如果数据集中的特征&#xff08;自变量&#xff09;高度相关&#xff0c;也就是说存在共线性(Multicollinea…
阅读更多...
Kotlin 中List，Set，Map的创建与使用

Kotlin 中List，Set，Map的创建与使用

目录 1. List 的使用 1.1 不可变 List 1.2 可变 List 2. Set 的使用 2.1 不可变 Set 2.2 可变 Set 3. Map 的使用 3.1 不可变Map 3.2 可变Map 本篇主要为已经有Java基础的同学展示Kotlin语言中的List&#xff0c;Set&#xff0c;Map的创建和使用&#xff0c;所以Java代…
阅读更多...
STM32CubeMX与HAL库开发教程八（串口应用/轮询/中断/DMA/不定长数据收发）

STM32CubeMX与HAL库开发教程八（串口应用/轮询/中断/DMA/不定长数据收发）

目录 前言 初识串口-轮询模式 串口中断模式收发 串口DMA模式 蓝牙模块与数据包解析 前言 前面我们简单介绍过串口的原理和初步的使用方式&#xff0c;例如怎么配置和简单的收发&#xff0c;同时我们对串口有了一个初步的了解&#xff0c;这里我们来深入的来使用一下串口 …
阅读更多...
基于高德地图JS API实现Vue地图选点组件

基于高德地图JS API实现Vue地图选点组件

基于高德地图JS API2.0实现一个搜索选择地点后返回给父组件位置信息的功能&#xff0c;同时可以进行回显 目录 1 创建key和秘钥1.1 登录高德地图开放平台1.2 创建应用1.3 绑定服务创建秘钥 2 使用组件前准备2.1 导入loader2.2 在对应的组件设置秘钥2.3 引入css样式 3 功能实现…
阅读更多...
记录dockers中Ubuntu安装python3.11

记录dockers中Ubuntu安装python3.11

参考&#xff1a; docker-ubuntu 安装python3.8,pip3_dockerfile ubuntu22 python3.8-CSDN博客
阅读更多...
揭示数据在内存中存储的秘密！

揭示数据在内存中存储的秘密！

** ** 悟已往之不谏&#xff0c;知来者犹可追 ** ** 创作不易&#xff0c;宝子们&#xff01;如果这篇文章对你们有帮助的话&#xff0c;别忘了给个免费的赞哟~ 整数在内存中的存储 整数的表达方式有三种&#xff1a;原码、反码、补码。 三种表示方法均有符号位和数值位两部分…
阅读更多...
最新文章

Copyright @ 2022~2023