html学习
基本元素
1.标题 <h1>到<h6>标签，代表不同大小的标题。
2.段落 <p>表示段落，会自动换行。
3.粗体 <b>和<strong>都能表示粗体，强调内容重要时最好用<strong>。
4.斜体 <i>和<em>都表示斜体。 <strong><i>同时具有粗体和斜体效果</i></strong>。
5.预格式 <pre>在显示java代码之类需要格式输出的时候使用。
6.删除效果 <del>实现删除效果。
7.下划线 <ins>下划线，通常不在文本使用，会让用户觉得是个超链接。
阶段测试一：
<body> <!-- 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已经成为当今世界最具人气和影响力的网络游戏之一。[2]</p> </body>
8.图像
8.1图像相对路径 <img src="" / > ../表示上级目录。
8.2图像绝对路径 <img src="file://" / > 在前面加上file://。
8.3设置图像大小 <img width="200" hright="200" src="" / > 设置的图片比原图大，会产生失真。
8.4图像居中 img标签不能自己居中，需要放在其他能够居中的标签中实现效果。
8.5替换文字 <img src="" alt="这是一个图片" / > 图片缺失时，alt内容就会显示。
9.超链
9.1超链 <a href="">超链显示文本</a>
9.2在新的页面打开链接 <a herf="" target=""> </a>
9.3超链上提示文字 <a href="" title=""> </a>
9.4使用图片作为超链 <a href="" > <img src="" /> </a>
10.表格
10.1表格 <table><tr><td></td><td></td></tr></table> 一个一行二列的表格
10.2带边框的表格 <table border="1">...</table> 设置边框为1
10.3设置table的宽度 <table width="200px"> </table> 设置表格宽为200像素
10.4单元格宽度绝对值 <table width="200px"><tr> <td width="50px"> </td> <td width="50px"> </td> </tr></table>
10.5单元格宽度相对值 <table width="200px"><tr> <td width="80%"> </td> <td width="50px"> </td> </tr></table>
10.6单元格水平对齐 <table width="200px"><tr> <td width="80%" align="left/center/right"> </td> <td width="50px"> </td> </tr></table>
10.7单元格垂直对齐 <table width="200px"><tr> <td width="80%" valign="top/middle/bottom"> </td> <td width="50px"> </td> </tr></table>
10.8水平合并 <td colspan="2"></td>
10.9垂直合并 <td rowspan="2"> </td>
10.10设置背景色 <tr bgcolor=""> </tr> <td bgcolor=""></td>
11.列表
11.1无序列表 <ul> <li></li> </ul>
11.2有序列表 <ol> <li></li> </ol>
12.字体 <font color="" size=""></font> color代表字体颜色，size代表字体大小。
13.内联框架 <iframe width="" height="" sec=""> </iframe>
阶段测试2：
<body> <h2>英雄技能</h2> <table border="1" width="900px" height="600px"> <tr bgcolor="grey"> <td width="15%"><strong>技能名称</strong></td> <td ><strong>触发</strong></td> <td width="15%"><strong>技能属性</strong></td> <td width="50%"><strong>技能效果</strong></td> <td width="10%"><strong>图标</strong></td> </tr> <tr> <td><strong>坚韧</strong></td> <td><strong>被动</strong></td> <td colspan="2"><span>盖伦如果在9秒内不受到任何伤害，之后的每秒都会回复自己最大生命值的0.4%。小兵的伤害不会中断坚韧效果。</span></td> <td align="center"><img src="file://F:/How2j/answer/skill1.png" alt="坚韧"></td> </tr> <tr> <td><strong>致命打击</strong></td> <td><strong>Q</strong></td> <td>冷却时间：8</td> <td><p>盖伦移除身上的所有减速效果，并获得30%移动速度加成，持续1.5/2/2.5/3/3.5秒。 在接下来的4.5秒内，他的下次普通攻击会造成30/55/80/105/130(+1.4AD)物理伤害，并沉默目标1.5秒。</p></td> <td align="center"><img src="file://F:/How2j/answer/skill2.png" alt="致命打击"></td> </tr> <tr> <td><strong>勇气</strong></td> <td><strong>W</strong></td> <td>冷却24/23/22/21/20</td> <td><p><strong>被动：</strong>击杀一个单位会永久提供0.25护甲和魔法抗性加成，最大值：30</p> <p><strong>主动：</strong>盖伦获得一个持续2/3/4/5/6秒的防御护盾，减少即将到来的30%伤害。</p></td> <td align="center"><img src="file://F:/How2j/answer/skill3.png" alt="勇气"></td> </tr> <tr> <td><strong>审判</strong></td> <td><strong>E</strong></td> <td>冷却：9</td> <td><p>盖伦快速地旋舞大剑，持续3秒，在持续期间对周围敌人总共造成物理伤害——14/18/22/26/30加上他总攻击力的34/35/36/37/38%，5次(英雄每升3级加1次)。</p> <p>E【审判】会在攻击单个敌人时造成33%额外伤害。取消E【审判】会返还相当于剩余持续时长的冷却时间。</p> E【审判】可以暴击，并造成额外伤害</td> <td align="center"><img src="file://F:/How2j/answer/skill4.png" alt="审判"></td> </tr> <tr> <td><strong>德玛西亚正义</strong></td> <td><strong>R</strong></td> <td>冷却：120/100/80</td> <td>被动：最近获得最多击杀数的敌人会成为大反派。盖伦的E【审判】和普攻会对大反派造成额外真实伤害，伤害值为大反派1%的最大生命值。 主动：盖伦召唤德玛西亚之力，试图斩杀一名敌方英雄，目标损失的生命越多，则此技能造成的伤害越高。造成175/350/525魔法伤害加上目标已损失生命值的28/33/40%。对大反派造成真实伤害。</td> <td align="center"><img src="file://F:/How2j/answer/skill5.png" alt="德玛西亚正义"></td> </tr> </table> </body>
14.
