HTML学习笔记

最新推荐文章于 2025-04-13 10:46:06 发布

SaltedFish00

最新推荐文章于 2025-04-13 10:46:06 发布

阅读量133

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/weixin_43176384/article/details/97671293

HTML 专栏收录该内容

0 篇文章

订阅专栏

一、阶段性练习1
知识点：标题段落粗体斜体删除效果下划线

<html>
<body>
<h1>英雄联盟    (电子竞技类游戏）</h1>

<p><b>《英雄联盟》</b>
(简称lol）是由美国
<i>Riot Games</i>
开发，中国大陆地区腾讯游戏代理运营的英雄对战MOBA竞技网游。</p>

<p><b>《英雄联盟》</b>
还致力于推动全球电子竞技的发展，除了联动各赛区发展职业联赛、打造电竞体系之外，每年还会举办“季中冠军赛”“全球总决赛”“All Star全明星赛”三大世界级赛事，获得了亿万玩家的喜爱，形成了自己独有的电子竞技文化。
<ins>[1]</ins></p>

<p>英雄联盟是一款多人竞技类游戏，于
<del>2018</del>
2017年加入亚运会。
<ins>[2]</ins></p>
</body>

实现效果
二、阶段性练习2
知识点：图像,表格,列表

<html>
<body>
<h1>英雄技能</h1>
<table border="1" width="800px">

<tr>
<td><b>技能名</b></td>
<td><b>触发</b></td>
<td><b>技能属性</b></td>
<td><b>技能效果</b></td>
<td><b>图标</b></td>
</tr>

<tr>
<td><b>坚韧</b></td>
<td><b>被动</b></td>
<td colspan="2">如果盖伦在9/6/4秒内没有受到伤害或者被敌方技能命中，就会每5秒回复2%/8%最大生命值(于1/11级）。小兵的伤害不会中断坚韧的效果。
在11级时，来自非史诗野怪的伤害不再中断坚韧效果并目它的强度会显著提升。</td>
<td><img src="skill1.png"/></td>
</tr>

<tr>
<td><b>致命打击</b></td>
<td><b>Q</b></td>
<td>冷却时间：8</td>
<td>盖伦移除身上的所有减速效果，并获得30%移动速度加成，持续1.5/2/2.5/3/3.5秒。<br/>在接下来的4.5秒内，他的下次普通攻击会造成30/60/90/120/150(+1.4AD)物理伤害，并沉默目标1.5秒。</td>
<td><img src="skill2.png"/></td>
</tr>

<tr>
<td><b>勇气</b></td>
<td><b>W</b></td>
<td>冷却：23/21/19/17/15</td>
<td><b>被动：</b>击杀一个单位会永久提供0.33护甲和魔法抗性加成，最大值：40。<br/><b>主动：</b>盖伦加固他的勇气2/2.75/3.5/4.25/5秒。在最初的0.75秒里，他少承受60%伤害并获得60%韧性。在剩余的持续时期里，他少承受30%伤害。</td>
<td><img src="skill3.png"/></td>
</tr>

<tr>
<td><b>审判</b></td>
<td><b>E</b></td>
<td>冷却：9<br/>距离:325</td>
<td>盖伦快速地旋舞大剑，持续3秒，在持续期间对周围敌人总共造成物理伤害——14/18/22/26/30加上他总攻击力的36/37/38/39/40%(+)，次(英雄每升3级加1次)。<br/>
<ul>
<li>每段命中的基础伤害：14/18/22/26/30</li>
<li>每段命中的总攻击力收益系数：36/37/38/39/40%</li>
</ul>
</td>
<td><img src="skill4.png"/></td>
</tr>

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

</body>

在这里插入图片描述

三、阶段练习3
知识点：字体文本框密码框下拉选框表格

<html>
<body>
<!--将其右对齐的方法：放在表格中-->
<!--select&input后面加name="XXX"，类似变量名，把数据提交到数据端（form）-->
<table width="1000px">
<tr>
<td width="100px" align="right"><font color="red">*</font>用户名：</td>
<td><input type="text"><font color="red">用户名不小于3个字符</font></td>
</tr>
<br/>

<tr>
<td align="right"><font color="red">*</font>密码：</td>
<td><input type="password"></td>
</tr>
<br/>

<tr>
<td align="right"><font color="red">*</font>确认密码：</td>
<td><input type="password"></td>
</tr>
<br/>

<tr>
<td align="right"><font color="red">*</font>Email：</td>
<td><input type="text"></td>
</tr>
<br/>

<tr>
<td align="right"><font color="red">*</font>真实姓名：</td>
<td><input type="text"></td>
</tr>
<br/>

<tr>
<td align="right"><font color="red">*</font>性别：</td>
<td><select><option>男</option><option>女</option></select></td>
</tr>
<br/>

<!--三个下拉选框-->
<tr>
<td align="right"><font color="red">*</font>生日：</td>
<td><select><option>1990</option><option>1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option><option>1996</option><option>1997</option><option>1998</option><option>1999</option><option>2000</option><option>2001</option></select></select>
<select><option>1</option><option>2</option></select>
<select><option>1</option><option>2</option></select></td>
<br/>

<tr>
<td align="right"><font color="red">*</font>手机：</td>
<td><input type="text"></td>
<br/>

<tr>
<td align="right"><font color="red">*</font>居住地：</td>
<td><select><option>四川省</option><option>上海市</option></select>
<select><option>成都市</option><option>上海市</option></select>
<select><option>成华区</option><option>上海市</option></select>
<select><option>三圣乡</option><option>上海市</option></select></td>
</tr>
<br/>

<tr>
<td align="right"><font color="red">*</font>QQ：</td>
<td><input type="text"></td>
</tr>
<br/>

<tr>
<td></td>
<td><font color="blue" size="-2">设置我的QQ在线状态</font></td>
</table>
</body>

在这里插入图片描述