how2j学习_第五部分_前端部分_HTML
2024-05-09 14:05:50
第一题
1. 学习任务：
2. 完成截图：
3. 代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>英雄联盟</title>
</head>
<body>
<h1>英雄联盟（电子竞技类游戏）</h1>
<p><!-- <b>标签和<strong>标签都是粗体，W3C建议使用<strong> --><!-- 根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 <b> 标签作为最后的选项。HTML5 规范声明：应该使用 <h1> - <h6> 来表示标题，使用 <em> 标签来表示强调的文本，应该使用 <strong> 标签来表示重要文本，应该使用 <mark> 标签来表示标注的/突出显示的文本。--><!-- <i>标签和<em>标签都能表示斜体，但<i>标签表示的是字体是斜体，<em>标签表示的是通过斜体起到强调作用 --><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>
</body>
</html>4. 运行效果
第二题
1. 学习任务：
2. 完成截图：
3. 代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>英雄技能</title>
</head>
<body>
<div style="margin-left: 50px; margin-top: 20px"><strong><big>英雄技能</big></strong><br/></div>
<table style="width:830px; margin-left:50px;margin-top: 15px" border="1"><tr bgcolor="#a9a9a9"><td width="130px"><strong>技能名</strong></td><td width="50px"><strong>触发</strong></td><td width="130px"><strong>技能属性</strong></td><td width="440px"><strong>技能效果</strong></td><td width="80px"><strong>图标</strong></td></tr><tr height="60px"><td><strong>坚韧</strong></td><td><strong>被动</strong></td><td colspan="2">盖伦如果在9秒内不受到任何伤害，之后的每秒都会回复自己最大生命值的0.4%，小兵的伤害不会中断坚韧效果。</td><td><img src="practice2_img/a.png" alt="a.png"></td></tr><tr height="60px"><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><img src="practice2_img/b.png" alt="b.png"></td></tr><tr height="60px"><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><img src="practice2_img/c.png" alt="c.png"></td></tr><tr height="60px"><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><img src="practice2_img/d.png" alt="d.png"></td></tr><tr height="60px"><td><strong>德玛西亚正义</strong></td><td><strong>R</strong></td><td>冷却：120/100/80</td><td><strong>被动：</strong>最近获得最多击余效的敌人会成为<strong>大反派</strong>。盖伦的E【审判】和普攻会对<strong>大反派</strong>造成额外真实伤害，伤害值为<strong>大反派</strong>1%的最大生命值。<br/><strong>主动：</strong>盖伦召唤德玛西亚之力，试图斩杀一名敌方英雄，目标损失的生命越多，则此技能造成的伤害越高。造成175/350/525魔法伤害加，上目标已损失生命值的28/33/40%。对<strong>大反派</strong>造成真实伤害。</td><td><img src="practice2_img/e.png" alt="e.png"></td></tr>
</table>
</body>
</html>
4. 运行效果
第三题
1. 学习任务：
2. 完成截图：
3. 代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>注册页面</title>
</head>
<body>
<form style="margin-left: 500px;margin-top: 111px"><table><tr><td align="right">用户名：</td><td><input type="text" minlength="3" placeholder="输入用户名"></td></tr><tr><td align="right">密码：</td><td><input type="password" min="3" max="10" placeholder="输入3~10位数字或字母"></td></tr><tr><td align="right">确认密码：</td><td><input type="password"></td></tr><tr><td align="right">Email：</td><td><input type="email"></td></tr><tr><td align="right">真实姓名：</td><td><input type="text"></td></tr><tr><td align="right">性别：</td><td><select><option value="male">男</option><option value="female">女</option></select></td></tr><tr><td align="right">生日：</td><td><select><option value="year">1990</option><option value="year">1991</option><option value="year">1992</option><option value="year">1993</option><option value="year">1994</option><option value="year">1995</option><option value="year">1996</option><option value="year">1997</option><option value="year">1998</option><option value="year">1999</option><option value="year">2000</option><option value="year">2001</option><option value="year">2002</option><option value="year">2003</option><option value="year">2004</option><option value="year">2005</option><option value="year">2006</option><option value="year">2007</option><option value="year">2008</option><option value="year">2009</option><option value="year">2010</option><option value="year">2011</option><option value="year">2012</option><option value="year">2013</option><option value="year">2014</option><option value="year">2015</option><option value="year">2016</option><option value="year">2017</option><option value="year">2018</option><option value="year">2019</option><option value="year">2020</option></select><select><option value="month">1月份</option><option value="month">2月份</option><option value="month">3月份</option><option value="month">4月份</option><option value="month">5月份</option><option value="month">6月份</option><option value="month">7月份</option><option value="month">8月份</option><option value="month">9月份</option><option value="month">10月份</option><option value="month">11月份</option><option value="month">12月份</option></select><select><option value="day">1号</option><option value="day">2号</option><option value="day">3号</option><option value="day">4号</option><option value="day">5号</option><option value="day">6号</option><option value="day">7号</option><option value="day">8号</option><option value="day">9号</option><option value="day">10号</option><option value="day">11号</option><option value="day">12号</option><option value="day">13号</option><option value="day">14号</option><option value="day">15号</option><option value="day">16号</option><option value="day">17号</option><option value="day">18号</option><option value="day">19号</option><option value="day">20号</option><option value="day">21号</option><option value="day">22号</option><option value="day">23号</option><option value="day">24号</option><option value="day">25号</option><option value="day">26号</option><option value="day">27号</option><option value="day">28号</option><option value="day">29号</option><option value="day">30号</option><option value="day">31号</option></select></td></tr><tr><td align="right">手机：</td><td><input type="text"></td></tr><tr><td align="right">居住地：</td><td><select><option value="caption">湖北省</option><option value="caption">湖南省</option><option value="caption">四川省</option><option value="caption">广东省</option><option value="caption">山西省</option></select><select><option value="city">武汉市</option><option value="city">长沙市</option><option value="city">重庆市</option><option value="city">东莞市</option><option value="city">大同市</option></select><select><option value="area">武昌区</option><option value="area">江夏区</option><option value="area">汉南区</option></select><select><option value="countryside">军山街</option><option value="countryside">黄陵街</option><option value="countryside">小军街</option><option value="countryside">常福街</option></select></td></tr><tr><td align="right">QQ：</td><td><input type="text"></td></tr><tr><td></td><td><a href="" target="_blank" style="color: blue;text-decoration: none">设置我的QQ在线状态</a></td></tr><tr><td></td><td><input type="reset" value="重置"><input type="submit" value="注册"></td></tr></table>
</form>
</body>
</html>4. 运行效果
how2j学习_第五部分_前端部分_HTML相关推荐
- C语言学习笔记第五天_项目训练
C语言学习笔记第五天_项目训练 添加自定义的一个函数库文件 <getch.h> 步骤: 1.在windows中把getch.h放入共享文件夹(文件我放在文末,自取) 2.在Ubuntu终端 ...
- python学习中文第五版_前5个学习Python的网站
python学习中文第五版 Python is a multi-utility high-level language (programming as well as a scripting lang ...
- java编程思想 初始化_《java编程思想》_第五章_初始化与清理
初始化和清理是涉及安全的两个问题,java中采用了构造器,并额外提供了"垃圾回收器",对于不再使用的内存资源,垃圾回收器能自动将其释放. 一.用构造器确保初始化 java中,通过提 ...
- 【C】C语言复习_第五天_数组
学习内容: 5.数组 学习时间: 2020年10月6日18:30-19:10 学习产出: /* 数组数组的概念一维数组一维数组的定义与初始化定义方式类型说明符 数组名[常量表达式]一维数组的引用引用方 ...
- 模电_第五章_运算放大器应用电路
文章目录 运算放大器概述 特性 虚短 虚断 比例运算电路 反相比例运算放大电路 同相比例运算放大电路 求和运算电路 反相求和运算电路 同相求和运算电路 积分运算电路 乘法器及其运算电路 综合电路实例 ...
- 安卓开发学习日记第五天——奇怪的bug出现了（VT-x说没就没）_莫韵乐的欢乐日记
安卓开发学习日记第五天--奇怪的bug出现了(VT-x说没就没) 前情提要: 安卓开发学习日记第一天_Android Studio3.6安装 安卓开发学习日记第二天_破坏陷阱卡之sync的坑 安卓开发 ...
- python 学习_第五模块 DMO
python 学习_第五模块 DMO 1. 节点 <!DOCTYPE html> <html lang="en"> <head><meta ...
- 安卓开发学习日记第三天_新手怪button_莫韵乐的欢乐笔记
安卓开发学习日记第三天--新手怪button (不是buttercup,虽然里面好像也有button,心中已经响起那段音乐了) 前情提要: 第一天学习日记之安装Android Studio3.6 第二 ...
- 安卓开发学习日记第四天_会爬就会跑_莫韵乐的欢乐笔记
安卓开发学习日记第四天_会爬就会跑 前情提要 安卓开发学习日记第一天Android Studio3.6安装 安卓开发学习日记第二天_破坏陷阱卡之sync的坑 安卓开发学习日记第三天_新手怪button ...
最新文章
- C++智能指针：weak_ptr实现详解
- 大年初一，今年的春晚你看了吗？
- 余切表示matlab,matlab中 正弦余弦正切余切的画法 以及For while的用法
- Android中网络编程出错
- java在cmd下编译运行
- XGBoost的基本使用应用Kaggle便利店销量预测
- php 判断http还是https，以及获得当前url的方法
- 哪些行业形势好？大数据帮你预测今年就业“风口”
- 免费的HTML5版uploadify
- 一个导出redis有序集合sorted-sets的shell脚本
- 拉普拉斯逆变换matlab,利用MATLAB实现拉普拉斯变换及其逆变换.doc
- i5和i7哪个适合计算机网络,i5和i7的区别
- Java毕设项目-社区居民健康档案管理系统
- 无需重装系统，Windows Server 2019系统硬盘无损从MBR转换为GPT格式
- Android OpenGLES滤镜开发之贴纸效果
- 4.3.1 管道翻模
- 模拟人脑：迄今最大规模4个实验，人工智能的救赎之路？(附PDF公号发“模拟人脑”下载)
- Execution failed for task ':app:processDebugGoogleServices'. No matching client found for package
- Orleans----Grain（Grain Lifecycle）
- ngrok 把内网URL转换成外网URL