百度版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. toFixed()方法

    1.定义 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字. 2.示例 Show the number 13.37 with one decimal: <script t ...

  2. Endnote在latex中的应用的两种方法

    从endnote中向latex文档批量插入参考文献的两种方法 一.若是latex模板中参考文献编写的命令是: \begin{thebibliography} \bibitem{lab1}LIU M L ...

  3. select标签中option内容加链接

    1.Html页面代码 <select name="select" id="select" style="height: 25px; width: ...

  4. java jar包 log4j不能输出解决方法

    今天运行一个jar包,jar包中使用了springContext进行加载bean和log4j配置,但是发现不能正常输入日志. 代码中增加 Xxx.class.getResource("/&q ...

  5. [转]How to solve SSIS error code 0xC020801C/0xC004700C/0xC0047017

    本文转自:http://www.codeproject.com/Articles/534651/HowplustoplussolveplusSSISpluserrorpluscodeplus0xC B ...

  6. KafkaConsumer对于事务消息的处理

    Kafka添加了事务机制以后,consumer端有个需要解决的问题就是怎么样从收到的消息中滤掉aborted的消息.Kafka通过broker和consumer端的协作,利用一系列优化手段极大地降低了 ...

  7. sdut 3-7 类的友元函数的应用

    3-7 类的友元函数的应用 Time Limit: 1000MS Memory limit: 65536K 题目描写叙述 通过本题目的练习能够掌握类的友元函数的定义和使用方法 要求设计一个点类Poin ...

  8. r与java整合（转）

    http://jliblog.com/archives/10 R是统计计算的强大工具,而JAVA是做应用系统的主流语言,两者天然具有整合的需要.关于整合,一方面,R中可以创建JAVA对象调用JAVA方 ...

  9. Spark修炼之道——Spark学习路线、课程大纲

    课程内容 Spark修炼之道(基础篇)--Linux基础(15讲).Akka分布式编程(8讲) Spark修炼之道(进阶篇)--Spark入门到精通(30讲) Spark修炼之道(实战篇)--Spar ...

  10. C#秘密武器之多线程——参数与返回值

    线程函数要么没有参数,要么只能有一个object参数,而且均没有返回值,这样就大大降低了程序的灵活性,其实我们想要的是能像普通方法一样正常使用参数和返回值!能不能实现这个需求呢?下面就介绍两种方法 一 ...