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">&copy;2016 使用xx用户协议</p>
69 </div>
70 </body>
71 </html>
html-loldemo

最新文章

热门文章
