百度版lol百科小样

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <title>英雄联盟百科</title>

     <meta charset="UTF-8">

 </head>

 <body>

 <!-- 文档：logo区 -->

 <div style="border: 1px solid red;width:800px;margin:0 auto;">

 <img src="../images/asd.jpg"/>

 </div>

 <!-- 内容区 -->

 <div style="border: 1px solid red;width:800px;margin:0 auto;">

 <h1>英雄联盟</h1>

     <p>xxxxxxxxxxx</p>

     <h2>目录</h2>

     <ol>

         <li>

             <!-- 加"游戏背景"链接 -->

             <a href="#button1" target="_self">1、游戏背景</a>

             <ul>

                 <li>战争学院</li>

                 <li>德玛西亚</li>

             </ul>

         </li>

         <li>

             2、游戏系统

             <ul>

                 <li>天赋</li>

                 <li>符文</li>

             </ul>

         </li>

     </ol>

     <h2>1、xxxx</h2>

     <h3>xx系统</h3>

     <table  width="70%">

         <tr>

             <td>中文名</td>

             <td>英雄联盟</td>

             <td>发行商</td>

             <td>riot</td>

         </tr>

         <tr>

             <td>其他名称</td>

             <td>lol</td>

             <td>发型日期</td>

             <td>2011.11.2</td>

         </tr>

         <tr>

             <td>游戏类型</td>

             <td>moba</td>

             <td>玩家人数</td>

             <td>多人</td>

         </tr>

         <tr>

             <td>游戏平台</td>

             <td>pc</td>

             <td>游戏画面</td>

             <td>3d</td>

         </tr>

     </table>

     <!-- 加“游戏背景”锚点 -->

     <p><a name="button1" target="_self">游戏背景</a></p>

     <p>xxxxxxxxxxxx</p>

 </div>

 <!-- 版权区 -->

 <div style="border: 1px solid red;width:800px;margin:0 auto;">

 <p align="center">&copy;2016 使用xx用户协议</p>

 </div>

 </body>

 </html>

随机推荐

  1. Linux 调度器发展简述

    引言 进程调度是操作系统的核心功能.调度器只是是调度过程中的一部分,进程调度是非常复杂的过程,需要多个系统协同工作完成.本文所关注的仅为调度器,它的主要工作是在所有 RUNNING 进程中选择最合适的 ...

  2. Java小案例（行星移动）

    Java小案例 行星移动:参考:三百集 使用软件:idea2017,java 1,图片集:这里  (idea图片源放在target目录下,才能访问到),建议从小往上看... 2,定义MyFrame p ...

  3. Spring框架学习（2）IOC学习

    内容源自:IOC理解   spring ioc注入的三种方式  ioc工厂bean深入理解 耦合性,在java中表现为类之间的关系,耦合性强说明类之间的依赖关系强: 侵入性:框架对代码的侵入: 在传统 ...

  4. WindowProc和DefWindowProc的差别

    1. WindowProc是你给自己的窗体定义的窗体处理函数 DefWindowProc是windows平台提供的默认窗体处理函数 假设某些消息你不须要做特别的处理,调用DefWindowProc进行 ...

  5. maven 编码GBK的不可映射字符 或者 UTF-8

    要通过修改pom.xml文件,告诉maven这个项目使用UTF-8来编译. 方案一: 在pom.xml的/project/build/plugins/下的编译插件声明中加入下面的配置:<enco ...

  6. javascript——正則表達式

    正則表達式(RegExp对象):主要用于表单验证 1.创建正則表達式: (1).var ret = /pattern/; pattern是内容.能够是正則表達式的内容,能够是字符或是其它的内容 (2) ...

  7. 在笛卡尔坐标系上描绘y=x^2-4/x^2-2x-3曲线

    <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type&quo ...

  8. kubernetes 部署SonarQube 7.1 关联LDAP

    之前有写过一篇如何在kubernetes上部署SonarQube的文档, 然后由于客户的需求,需要SonarQube关联LDAP的用户, 于是今天花了半天时间研究了以下如何在原有的基础上安装LDAP插 ...

  9. jQuery实现滚动栏一直处于最底部

    相信大家有时候在展示一些实时数据展示并且数据量非常大的时候,由于无法在同一页面看到最有效的数据,所以我们须要将滚动栏至于底部.以便我们看到最须要的数据和信息.这里非常明显的样例那拿windows的pi ...

  10. vue 的 生命周期

    图示: 解析: 那么下面我们来进行测试一下 <section id="app-8"> {{data}} </section> var myVue=new V ...