百度版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. hive删除列

    hive中删除列时没有与mysql语句alter table <table> drop column <col>对应的语句. 然而依然可以完成此功能:使用ALTER TABLE ...

  2. easyui combobox可编辑的情况下，只能首字母开始过滤的问题选项

    esayui中的combobox下拉列表在可编辑的情况下可以输入内容来过滤下拉框的选项,而1.4.2版本只能在从首字母开始过滤例如其中一个选项是"test", 只能输入" ...

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

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

  4. 浏览器下载附件Content-Disposition

    Content-disposition是MIME(Multipurpose Internet Mail Extensions,多用途互联网邮件扩展类型)协议的扩展,MIME协议指示MIME用户代理如何 ...

  5. python wheel 包命名规则和 abi 兼容

    wheel 包的命名规定 wheel 包的命名格式为 {distribution}-{version}(-{build tag})?-{python tag}-{abi tag}-{platform ...

  6. Git系列二之数据管理

    1.Git基本管理 git常用的基本操作 1.1提交数据 我们可以简单的把工作目录理解成是一个被Git服务程序管理的目录,Git会时刻的追踪目录内文件的改动,另外在安装好了Git服务程序后,默认就会创 ...

  7. python matplotlib.pyplot学习记录

    matplotlib是python中很强大的绘图工具,在机器学习中经常用到 首先是导入 import matplotlib.pyplot as plt plt中有很多方法,记录下常用的方法 plt.p ...

  8. win10下JDK安装,配置环境变量后出现error:could not open '...jvm.cfg'

        分析: 大多是安装jdk的时候在注册表里注册过,打开注册表查看里面如下三个文件( Java Development Kit,Java Plug-in,Java Runtime Environm ...

  9. WebDriver API——第2部分Exceptions

    Exceptions that may happen in all the webdriver code. exception selenium.common.exceptions.ElementNo ...

  10. 对象的序列化（Serialization）

    一.什么是序列化 序列化表示将一个对象转换成可存储或可传输的状态,序列化后对象可以在网络上进行传输,也可以存储到本地.对象的寿命通常随着生成该对象的程序的终止而终止.有时候,可能需要将对象的状态保存下 ...