百度版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. IntelliJ IDEA的几种常见的快捷键

    在编写代码的时候直接输入psv就会看到一个psvm的提示,此时点击tab键一个main方法就写好了. psvm 也就是public static void main的首字母. 依次还有在方法体内键入f ...

  2. [Android Pro] Android的Animation之LayoutAnimation使用方法

    用于为一个里面的控件,或者是一个里面的控件设置动画效果,可以在文件中设置,亦可以在代码中设置. 一种直接在XML文件中设置 1.  在res/anim文件夹下新建一个XML文件,名为list_anim ...

  3. Pod中访问外部的域名配置

    在实际应用中经常遇到Pod中访问外部域名的状况,在Kubenetes 1.6以上的版本通过配置DNS configmap已经解决,详细的内容可以参考官方的 https://kubernetes.io/ ...

  4. Dockerfile减少构建镜像大小的方法

    这几天基于Dockerfile构建应用需要的特殊的镜像,比如Nginx需要add很多module的,就需要在镜像内编译和做build. 通过Dockerfile构建镜像时,很容易把镜像构建得很大. 从 ...

  5. reconstruct-original-digits-from-english（好）

    https://leetcode.com/problems/reconstruct-original-digits-from-english/ //https://discuss.leetcode.c ...

  6. XML-RPC 实现C++和C#交互

    我们通常会面对这样的问题:整合不同平台或不同类库,这些类库可能来自不同的语言,甚至不同的操作系统. 如何解决这类棘手的问题呢? 一.方案介绍 解决不同语言交互的方法有不少,对我了解的windows系统 ...

  7. 快速把web项目部署到weblogic上

    转自:http://weijie.blog.51cto.com/340746/90420/ weblogic简介         BEA WebLogic是用于开发.集成.部署和管理大型分布式Web应 ...

  8. Expression-Based Access Control

    Expression-Based Access Control Spring Security 3.0 introduced the ability to use Spring EL expressi ...

  9. [转]bing壁纸天天换 初识shell魅力

    原文链接:http://www.cnblogs.com/atskyline/p/3679522.html 原文的程序跑在window上,curl的使用不太一样,想要获取的图片也不太一样.修改后的代码如 ...

  10. Struts2-Spring和Hibernate整合

    Struts作为MVC 2的Web框架,自推出以来不断受到开发者的追捧,得到广泛的应用.作为最成功的Web框架,Struts自然拥有众多的优点:MVC 2模型的使用.功能齐全的标志库(Tag Libr ...