html-loldemo
百度版lol百科小样
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>英雄联盟百科</title> 5 <meta charset="UTF-8"> 6 </head> 7 <body> 8 <!-- 文档:logo区 --> 9 <div style="border: 1px solid red;width:800px;margin:0 auto;"> 10 <img src="../images/asd.jpg"/> 11 </div> 12 <!-- 内容区 --> 13 <div style="border: 1px solid red;width:800px;margin:0 auto;"> 14 <h1>英雄联盟</h1> 15 <p>xxxxxxxxxxx</p> 16 <h2>目录</h2> 17 <ol> 18 <li> 19 <!-- 加"游戏背景"链接 --> 20 <a href="#button1" target="_self">1、游戏背景</a> 21 <ul> 22 <li>战争学院</li> 23 <li>德玛西亚</li> 24 </ul> 25 </li> 26 <li> 27 2、游戏系统 28 <ul> 29 <li>天赋</li> 30 <li>符文</li> 31 </ul> 32 </li> 33 </ol> 34 <h2>1、xxxx</h2> 35 <h3>xx系统</h3> 36 <table width="70%"> 37 <tr> 38 <td>中文名</td> 39 <td>英雄联盟</td> 40 <td>发行商</td> 41 <td>riot</td> 42 </tr> 43 <tr> 44 <td>其他名称</td> 45 <td>lol</td> 46 <td>发型日期</td> 47 <td>2011.11.2</td> 48 </tr> 49 <tr> 50 <td>游戏类型</td> 51 <td>moba</td> 52 <td>玩家人数</td> 53 <td>多人</td> 54 </tr> 55 <tr> 56 <td>游戏平台</td> 57 <td>pc</td> 58 <td>游戏画面</td> 59 <td>3d</td> 60 </tr> 61 </table> 62 <!-- 加“游戏背景”锚点 --> 63 <p><a name="button1" target="_self">游戏背景</a></p> 64 <p>xxxxxxxxxxxx</p> 65 </div> 66 <!-- 版权区 --> 67 <div style="border: 1px solid red;width:800px;margin:0 auto;"> 68 <p align="center">©2016 使用xx用户协议</p> 69 </div> 70 </body> 71 </html>