首页 > 代码库 > 模仿网站练习1

模仿网站练习1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>练习制作 冰霜奇迹</title>
    <style>
        *{ margin:0px auto; padding:0px;}
        body{ font: 14px "Microsoft Yahei"; background:#d2b382 repeat-y; color: #603818;}
        body a{ color: #603818;  text-decoration:none}
        body a:hover{ color: #a38353;}
         
        #azuiwai{ width:100%;}
        
        #datu{ width:100%; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/head_wrap.jpg) no-repeat;}
        
        #a2{ width:1000px; height:558px; position:relative;}
        
        #dh{ width:100%; height:70px; position:absolute; left:0px; bottom:0px;}
        
        #dh a{ width:12.5%; height:75px; text-align:center; line-height:70px; color:#eb6100; float:left; text-decoration:none}
        #dh a:hover{ color: #fe9043;}
        
        #juzhong{ width:100%px; margin:45px auto;}
        
        #p1{ width:1000px; height:350px;}
        
        #p1-left{ width:480px; height:350px; float:left}
        
        #p1-biaoti{ width:490; height:69px}
        
        #p11{font-size:20px; text-align:center }
        
        #p2{ width:480px; height:42px; font-size:16px; text-align:center; line-height:42px;}
        
        .caidan{ display:block; width:153px; height:60px; float:left; margin-right:10px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/btn.png); text-indent:-9999px; background-position:0px 0px}
        
        #wenzi-dh{ width:490px; height:60px; margin-top:11px;}
        
        #wenzi-dh2{ width:468px; height:134px; padding-top:10px; padding-left:10px; margin-top:24px; background-color:#cbab76;}
        .wenzi-caidan{ width:107px; height:34px; color:#f1e5c8; display:block; float:left; background-color:#995000; text-align:center; line-height:34px; margin-right:10px; margin-bottom:10px;}
        #lunbo{ width:494px; height:344px; float: left; margin-left:20px; padding:2px; border:1px solid #000}
        
        #lunbo-wnzi{ width:100%; height:50px; background-color:#000; position:relative; bottom:50px}
        
        #h6{ font-size:16px; font-weight:normal; color:#f1e5c8; text-indent:18px; line-height:50px}
        
        #lunbo-dian{ width:48px; height:8px; position:relative; bottom:25px; left:210px}
        
        #lunbo-dian div{ width: 8px; height: 8px; float: left; margin-right: 8px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/dot.png)}
        #ql1{ clear:both;}
        
        .zyjs{ width:1000px; margin-top:40px;}
        .left{ width:700px; height:1078px; float:left;}
        .y1{ width:100%; height:399px; background-color:#cbab76;}
        .y2{ width:660px; height:304px;}
        .js{ font-size:30px; position:relative; right:-600px; top:20px;}
        .jstu{ width:184px; height:279px; padding:2px; border:1px solid #a38353; float:left; margin-right:10px; position:relative; bottom:19px }
         .left p{ line-height:26px; padding-bottom:6px; position:relative; bottom:20px;}
         
         .left p span{ width:172px; height:16px; display:inline-block; border-radius:2px; position:relative; top:4px; background-color:#af9264}
         .left p span i{ display:inline-block; height:100%; border-radius:2px; position:absolute; left:0; top:0; background-color:#823a00;}
         .jnxq{ display:inline-block; width:110px; height:40px; background-color:#823a00; color:#f1e5c8; text-align:center; line-height:40px; border-radius:2px; position:relative; bottom:20px;}
         .dbbq{ width:665px; height:45px; margin-top:30px; margin-right:13px; clear:both;}
         .dbbq a{ width:90px; height:45px; line-height:45px; text-align:center; color:#f1e5c8; float:left; margin-right:5px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/btn1.png) no-repeat;}
         .bg-wai{ width:700px; margin-top:11px; clear:both; position:absolute;}
         .bg-wai h5{ width:100%; height:42px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/tit.png) no-repeat; font-size:24px; line-height:42px; text-indent:64px; padding-top:34px; }
         .bg1{ margin-top:87px;}
         .right{ width:240px; float:right; padding:0px 20px 18px 20px; background-color:#cbab76;}
         .tu1{ width:240px; height:38px; font-size:18px; padding-top:10px; vertical-align:middle; line-height:38px;}
         
         .dibutou{ margin-top:38px; clear:both; position:relative; top:80px}
         h4{ width:100%; height:38px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/tit1.png) no-repeat center; font-size:24px; text-align:center;}
         #db1{ width:100%}
         #db1 p{ height:34px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/icon1.gif) right center no-repeat;}
        #db1 span{ display:block; padding-left:7px; width:104px; height:34px; line-height:34px; text-align:center; float:left ;background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/icon1.gif) left center no-repeat;}
        .dibu2{ width:100%; height:164px; line-height:32px; background-color:#6f5134; position:relative; top:150px}
        .d2{ width:1000px; padding-top:32px; text-align:center;}
        .d2 p{ color:#a39386}
        .d2 a{ color:#a39386}
        
        
        
        
    </style>
</head>

<body>
<div id="zuiwai">
      
        <div id="datu">
          <div id="a2">
           <div id="dh">
                   <a href="http://www.baidu.com">官方首页</a>
                <a href="http://www.baidu.com">注册账号</a>
                <a href="http://www.baidu.com">账号管理</a>
                <a href="http://www.baidu.com">游戏下载</a>
                <a href="http://www.baidu.com">角色排行</a>
                <a href="http://www.baidu.com">大师排行</a>
                <a href="http://www.baidu.com">战盟排行</a>
                <a href="http://www.baidu.com">赞助服务</a>
            </div> 
           </div>
          </div>
       <!--顶部大图+导航-->
       
        <div id="juzhong">
       <div id="p1">
        <div id="p1-left">
         <div id="p1-biaoti">
             <p id="p11">
                <a href="http://www.baidu.com">[ 冰霜奇迹 ] 11月1号晚20点准时震撼开启</a>
             </p>
             <p id="p2">
                <a href="http://www.baidu.com">本服不出售不升级装备武器,一切全靠玩家!经典耐玩!</a>
             </p>
             <p style="width:480px; height:42px; font-size:16px; text-align:center; line-height:42px;">
                 <a href="http://www.baidu.com">原测试区充值的玩家记录全部保留!积分非充值有积分账号都保留!</a>
             </p>
             <div id="wenzi-dh">
                 <a href="http://www.baidu.com" class="caidan">游戏下载</a>
                <a href="http://www.baidu.com" class="caidan">账号管理</a>
                <a href="http://www.baidu.com" class="caidan">账号充值</a>
             </div>
             <div id="wenzi-dh2">
                 <a href="http://www.baidu.com"  class="wenzi-caidan">官方首页</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">注册账号</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">账号管理</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">游戏下载</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">角色排行</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">大师排行</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">战盟排行</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">赞助服务</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">外挂举报</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">疑问解答</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">账号充值</a>
                <a href="http://www.baidu.com"  class="wenzi-caidan">联系客服</a>
             </div>
            </div>     
           </div>      
            <div id="lunbo">
                       <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/hd3 (1).jpg" />
               <div id="lunbo-wnzi">
                    <h6 id="h6">品味不一样的经典,让您体验奇迹(MU)带来的乐趣</h6>
                 <div id="lunbo-dian">
                     <div></div>
                    <div></div>
                    <div></div>
              </div>   
             </div>
            </div>
           </div>
          </div> 
       <!--导航下轮播图左右区域-->
                   <div id="ql1"></div>
       <!--人物介绍-->
<div class="zyjs">
 <div class="left">
  <div class="y1">
   <div class="y2">
    <div class="js">剑士</div>
     <div class="jstu">
      <a href="http://www.baidu.com">
       <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/img3.jpg" />
      </a>
     </div>

    <p><strong>出生地 :</strong> 勇者大陆</p>
    <p><strong>性别 :</strong> 男</p>
    <p><strong>擅长 :</strong> 近距离作战、武器特技、特殊攻击</p>
    <p>
     <strong>力量:</strong>
     <span>
      <i style="width:90%"></i>
     </span>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <strong>体力:</strong>
     <span>
      <i style="width:80%"></i>
     </span>
    </p>
    <p>
     <strong>敏捷:</strong>
     <span>
      <i style="width:60%"></i>
     </span>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <strong>精神:</strong>
     <span>
      <i style="width:40%"></i>
     </span>
    </p>
    <p>剑士拥有过人的体力及华丽的剑术,加上属于近距离攻击型职业,就算没有其他角色的帮助也可自行锻炼。由于剑士是剑术的专家,所以无法学习魔法,但与其他角色组队冒险时,因优异的体力通常是担任先锋角色。  </p>
    <a href="http://www.baidu.com" title="剑士技能详情" class="jnxq">技能详情</a>
   </div> 
      <div class="dbbq">
     <a href="http://www.baidu.com">剑士</a>
     <a href="http://www.baidu.com">魔法师</a>
     <a href="http://www.baidu.com">弓箭手</a>
     <a href="http://www.baidu.com">召唤术士</a>
     <a href="http://www.baidu.com">圣导师</a>
     <a href="http://www.baidu.com">魔剑士</a>
    </div>
  </div>
 

      <!--表格部分-->
<div class="bg-wai">
 <h5>官方设置</h5>
</div>




 
<div class="bg1">
      <table width="700" border="1" cellspacing="0" cellpadding="0" bordercolor="#954a00">
      <tr>
        <th colspan="2" scope="col" height="30"><span style=" color:red">★独家开放:合成公告,击杀公告,任务系统(内置助手F7开启F8启动)全新玩法,全新体验★</span></th>
        </tr>
      <tr>
        <th width="70" scope="row" height="26">线路版本</th>
        <td>独家103H仲夏激情,经典耐玩,顶级机房,南北互通,全路线不卡,长久稳定</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">基础设置</th>
        <td>50倍经验-30倍大师,战士,法师,妹妹,每级7点,2次转职业后为8点,圣和魔剑为10点,无转</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">新人设置</th>
        <td>新人出生送300点,开放仿官方吃果实系统,注册送1亿Mu币,圣导出生500统率,金钱掉率为3倍</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">独家商店</th>
        <td>游戏x商店出售幸运符咒,合成保护符,血色门票,广场门票,幻影门票,强化恶魔/天使(不死)</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">掉率设置</th>
        <td>卓越双属暴率1/100,三属性1/180,宝石1/70,羽毛1/100,高级法书1/300</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">商店设置</th>
        <td>老板娘出售个职业转职物品,出售初级JN石和书,红100个/组,蓝100个/组方便挂机,悬石打怪获得</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">商店设置</th>
        <td>出售转职物品,+5青铜级别装备,黑龙波霹雳石,修复刷祝福,灵魂,等重大BUG</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">职业设置</th>
        <td>战士瀑血,法师守护与官方一样,妹妹加攻防为官方的2倍,智力MM不再无用武之地</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">惩罚设置</th>
        <td>攻城线红名爆装备,失落PK不红名,洗红请在网站上进行洗,每次洗红需要1000万</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">积分设置</th>
        <td>卖店兑换积分,守护=5分,创造=5分.丢商店兑换,小退查看 </td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">三次转职</th>
        <td>1.2.3转职流程同官方完全一致,完成3次转职任务后即成为大师,第3次任务每次奖励20点属性点</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">交易设置</th>
        <td>没有市场的MU是不会长久的,祝福,灵魂,创造宝石,套装,等物品都将成为抢手货</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">打宝设置</th>
        <td>卡利玛7层,魔炼之地,赤色要塞,提炼之塔,可打出顶级卓越装备和套装</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">赤色掉套</th>
        <td>套装获取更容易,赤色要塞2个人可启动,2/3/4/5/6层均为50%几率随机暴出套装</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">冰霜巨蛛</th>
        <td>冰霜巨蛛掉普通套,各职业大天,汉斯套,特色黑龙级别套。,刷新时间与官方同步</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">困顿设置</th>
        <td>卡7昆顿2只,元宝地图一只(进入需10积分),6小时刷新一次,70%暴3件高级装备,其中50%为套装!30%为卓越</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">战士暴血</th>
        <td>战士的暴血数据同九城完全一样(暴血上限为80%,普通线时间为128秒,攻城线为300秒)</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">三代翅膀</th>
        <td>3代飞飞合成配方及流程完全同官方一致,3代飞飞所有的属性真实而有效</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">罗兰攻城</th>
        <td>罗兰逆袭,设置为晚上19点攻城,打败每个关卡BOSS获得随机积分。</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">外挂防护</th>
        <td>服务器封杀绝大多数外挂,欢迎玩家举报,对外挂零容忍,发现外挂,我们坚决删号并且封锁其ip段</td>
      </tr>
      <tr>
        <th width="70" scope="row"  height="26">公平设置</th>
        <td>游戏当中不设立任何GM,管理员不赠送任何家族装备,保障绝对公平合理的游戏环境</td>
      </tr>
      
    </table>
</div>
</div>

   <div class="right">
        <div class="tu1">勇者大陆</div>
     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t1.jpg" width="240" height="95" />
     <div class="tu1">仙踪林</div>
     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t2.jpg" width="240" height="95" />
     <div class="tu1">幻术园</div>
     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t3.jpg" width="240" height="95" />
     <div class="tu1">失落之塔</div>
     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t4.jpg" width="240" height="95" />
     <div class="tu1">亚特兰蒂斯</div>
     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t5.jpg" width="240" height="95" />
     <div class="tu1">死亡沙漠</div>
     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t6.jpg" width="240" height="95" />
   </div>




    <div class="dibutou">
       <h4>冰霜奇迹</h4>
       <div id="db1">
           <p>
         <span><a href="http://www.baidu.com">推荐配置</a></span>
         <span><a href="http://www.baidu.com">注册账号</a></span>
         <span><a href="http://www.baidu.com">背景故事</a></span>
         <span><a href="http://www.baidu.com">快捷键位</a></span>
         <span><a href="http://www.baidu.com">好友系统</a></span>
         <span><a href="http://www.baidu.com">战盟系统</a></span>
         <span><a href="http://www.baidu.com">聊天系统</a></span>
         <span><a href="http://www.baidu.com">对战系统</a></span>
         <span><a href="http://www.baidu.com">转职系统</a></span>
        </p>
                   <p>
         <span><a href="http://www.baidu.com">奇迹王国</a></span>
         <span><a href="http://www.baidu.com">攻城起源</a></span>
         <span><a href="http://www.baidu.com">恶魔广场</a></span>
         <span><a href="http://www.baidu.com">赤色要塞</a></span>
         <span><a href="http://www.baidu.com">血色城堡</a></span>
         <span><a href="http://www.baidu.com">狼魂要塞</a></span>
         <span><a href="http://www.baidu.com">幻影寺院</a></span>
         <span><a href="http://www.baidu.com">足球场</a></span>
         <span><a href="http://www.baidu.com">攻城战</a></span>
        </p>
                   <p>
         <span><a href="http://www.baidu.com">勇者大陆</a></span>
         <span><a href="http://www.baidu.com">仙踪林</a></span>
         <span><a href="http://www.baidu.com">幻术园</a></span>
         <span><a href="http://www.baidu.com">冰风谷</a></span>
         <span><a href="http://www.baidu.com">地下城</a></span>
         <span><a href="http://www.baidu.com">失落之塔</a></span>
         <span><a href="http://www.baidu.com">亚特兰蒂斯</a></span>
         <span><a href="http://www.baidu.com">死亡沙漠</a></span>
         <span><a href="http://www.baidu.com">天空之城</a></span>
        </p>
                   <p>
         <span><a href="http://www.baidu.com">卡利玛</a></span>
         <span><a href="http://www.baidu.com">罗兰峡谷</a></span>
         <span><a href="http://www.baidu.com">魔炼之地</a></span>
         <span><a href="http://www.baidu.com">幽暗森林</a></span>
         <span><a href="http://www.baidu.com">狼魂要塞</a></span>
         <span><a href="http://www.baidu.com">坎特鲁废墟</a></span>
         <span><a href="http://www.baidu.com">坎特鲁遗址</a></span>
         <span><a href="http://www.baidu.com">安宁池</a></span>
         <span><a href="http://www.baidu.com">冰霜之城</a></span>
        </p>
                   <p>
         <span><a href="http://www.baidu.com">卡鲁特</a></span>
         <span><a href="http://www.baidu.com">新手任务</a></span>
         <span><a href="http://www.baidu.com">一般任务</a></span>
         <span><a href="http://www.baidu.com">委托任务</a></span>
         <span><a href="http://www.baidu.com">守护狼王</a></span>
         <span><a href="http://www.baidu.com">道具升级</a></span>
         <span><a href="http://www.baidu.com">镶嵌系统</a></span>
         <span><a href="http://www.baidu.com">属性说明</a></span>
         <span><a href="http://www.baidu.com">耐久度</a></span>
        </p>
       </div>
    </div>
</div>    
    
   <div class="dibu2">
       <div class="d2">
        <p>
        <a href="http://www.baidu.com">冰霜奇迹</a> | 
        <a href="http://www.baidu.com">重拾梦境</a> | 
        <a href="http://www.baidu.com">感动经典</a> | 
        <a href="http://www.baidu.com">长久稳定</a> | 
        <a href="http://www.baidu.com">持久更新</a> | 
        <a href="http://www.baidu.com">诠释信誉</a> | 
        <a href="http://www.baidu.com">缔造品牌</a> | 
        <a href="http://www.baidu.com">至高无上</a>
        </p>
        <p>Copyright ? 1996-2014 SINA Corporation, All Rights Reserved</p>
        <p>
        冰霜奇迹
        <a href="http://www.baidu.com">版权所有 </a>
        <a href="http://www.baidu.com">如有雷同 </a>
        <a href="http://www.baidu.com">纯属盗版</a>
        </p>
        <p>请认证官方域名</p>
    </div>
   </div>
    
    
    
 
</div>
</body>
</html>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>练习制作 冰霜奇迹</title><style>*{ margin:0px auto; padding:0px;}body{ font: 14px "Microsoft Yahei"; background:#d2b382 repeat-y; color: #603818;}body a{ color: #603818;  text-decoration:none}body a:hover{ color: #a38353;} #azuiwai{ width:100%;}#datu{ width:100%; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/head_wrap.jpg) no-repeat;}#a2{ width:1000px; height:558px; position:relative;}#dh{ width:100%; height:70px; position:absolute; left:0px; bottom:0px;}#dh a{ width:12.5%; height:75px; text-align:center; line-height:70px; color:#eb6100; float:left; text-decoration:none}#dh a:hover{ color: #fe9043;}#juzhong{ width:100%px; margin:45px auto;}#p1{ width:1000px; height:350px;}#p1-left{ width:480px; height:350px; float:left}#p1-biaoti{ width:490; height:69px}#p11{font-size:20px; text-align:center }#p2{ width:480px; height:42px; font-size:16px; text-align:center; line-height:42px;}.caidan{ display:block; width:153px; height:60px; float:left; margin-right:10px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/btn.png); text-indent:-9999px; background-position:0px 0px}#wenzi-dh{ width:490px; height:60px; margin-top:11px;}#wenzi-dh2{ width:468px; height:134px; padding-top:10px; padding-left:10px; margin-top:24px; }.wenzi-caidan{ width:107px; height:34px; color:#f1e5c8; display:block; float:left; background-color:#995000; text-align:center; line-height:34px; margin-right:10px; margin-bottom:10px;}#lunbo{ width:494px; height:344px; float: left; margin-left:20px; padding:2px; border:1px solid #000}#lunbo-wnzi{ width:100%; height:50px; background-color:#000; position:relative; bottom:50px}#h6{ font-size:16px; font-weight:normal; color:#f1e5c8; text-indent:18px; line-height:50px}    #lunbo-dian{ width:48px; height:8px; position:relative; bottom:25px; left:210px}    #lunbo-dian div{ width: 8px; height: 8px; float: left; margin-right: 8px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/dot.png)}#ql1{ clear:both;}.zyjs{ width:1000px; margin-top:40px;}    .left{ width:700px; height:1078px; float:left;}    .y1{ width:100%; height:399px; background-color:#cbab76;}    .y2{ width:660px; height:304px;}.js{ font-size:30px; position:relative; right:-600px; top:20px;}.jstu{ width:184px; height:279px; padding:2px; border:1px solid #a38353; float:left; margin-right:10px; position:relative; bottom:19px } .left p{ line-height:26px; padding-bottom:6px; position:relative; bottom:20px;}      .left p span{ width:172px; height:16px; display:inline-block; border-radius:2px; position:relative; top:4px; background-color:#af9264} .left p span i{ display:inline-block; height:100%; border-radius:2px; position:absolute; left:0; top:0; background-color:#823a00;} .jnxq{ display:inline-block; width:110px; height:40px; background-color:#823a00; color:#f1e5c8; text-align:center; line-height:40px; border-radius:2px; position:relative; bottom:20px;} .dbbq{ width:665px; height:45px; margin-top:30px; margin-right:13px; clear:both;} .dbbq a{ width:90px; height:45px; line-height:45px; text-align:center; color:#f1e5c8; float:left; margin-right:5px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/btn1.png) no-repeat;} .bg-wai{ width:700px; margin-top:11px; clear:both; position:absolute;} .bg-wai h5{ width:100%; height:42px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/tit.png) no-repeat; font-size:24px; line-height:42px; text-indent:64px; padding-top:34px; } .bg1{ margin-top:87px;} .right{ width:240px; float:right; padding:0px 20px 18px 20px; background-color:#cbab76;} .tu1{ width:240px; height:38px; font-size:18px; padding-top:10px; vertical-align:middle; line-height:38px;}  .dibutou{ margin-top:38px; clear:both; position:relative; top:80px} h4{ width:100%; height:38px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/tit1.png) no-repeat center; font-size:24px; text-align:center;} #db1{ width:100%} #db1 p{ height:34px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/icon1.gif) right center no-repeat;}    #db1 span{ display:block; padding-left:7px; width:104px; height:34px; line-height:34px; text-align:center; float:left ;background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/icon1.gif) left center no-repeat;}    .dibu2{ width:100%; height:164px; line-height:32px; background-color:#6f5134; position:relative; top:150px}    .d2{ width:1000px; padding-top:32px; text-align:center;}.d2 p{ color:#a39386}.d2 a{ color:#a39386}    </style></head>
<body><div id="zuiwai">          <div id="datu">          <div id="a2">           <div id="dh">           <a href="http://www.baidu.com">官方首页</a>                <a href="http://www.baidu.com">注册账号</a>                <a href="http://www.baidu.com">账号管理</a>                <a href="http://www.baidu.com">游戏下载</a>                <a href="http://www.baidu.com">角色排行</a>                <a href="http://www.baidu.com">大师排行</a>                <a href="http://www.baidu.com">战盟排行</a>                <a href="http://www.baidu.com">赞助服务</a>            </div>            </div>          </div>       <!--顶部大图+导航-->               <div id="juzhong">       <div id="p1">        <div id="p1-left">         <div id="p1-biaoti">             <p id="p11">                <a href="http://www.baidu.com">[ 冰霜奇迹 ] 11月1号晚20点准时震撼开启</a>             </p>             <p id="p2">                <a href="http://www.baidu.com">本服不出售不升级装备武器,一切全靠玩家!经典耐玩!</a>             </p>             <p style="width:480px; height:42px; font-size:16px; text-align:center; line-height:42px;">             <a href="http://www.baidu.com">原测试区充值的玩家记录全部保留!积分非充值有积分账号都保留!</a>             </p>             <div id="wenzi-dh">             <a href="http://www.baidu.com" class="caidan">游戏下载</a>                <a href="http://www.baidu.com" class="caidan">账号管理</a>                <a href="http://www.baidu.com" class="caidan">账号充值</a>             </div>             <div id="wenzi-dh2">             <a href="http://www.baidu.com"  class="wenzi-caidan">官方首页</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">注册账号</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">账号管理</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">游戏下载</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">角色排行</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">大师排行</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">战盟排行</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">赞助服务</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">外挂举报</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">疑问解答</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">账号充值</a>                <a href="http://www.baidu.com"  class="wenzi-caidan">联系客服</a>             </div>            </div>                </div>                  <div id="lunbo">               <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/hd3 (1).jpg" />               <div id="lunbo-wnzi">                    <h6 id="h6">品味不一样的经典,让您体验奇迹(MU)带来的乐趣</h6>                 <div id="lunbo-dian">                 <div></div>                    <div></div>                    <div></div>              </div>                </div>            </div>           </div>          </div>        <!--导航下轮播图左右区域-->       <div id="ql1"></div>       <!--人物介绍--><div class="zyjs"> <div class="left">  <div class="y1">   <div class="y2">    <div class="js">剑士</div>     <div class="jstu">      <a href="http://www.baidu.com">       <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/img3.jpg" />      </a>     </div>
    <p><strong>出生地 :</strong> 勇者大陆</p>    <p><strong>性别 :</strong> 男</p>    <p><strong>擅长 :</strong> 近距离作战、武器特技、特殊攻击</p>    <p>     <strong>力量:</strong>     <span>      <i style="width:90%"></i>     </span>     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     <strong>体力:</strong>     <span>      <i style="width:80%"></i>     </span>    </p>    <p>     <strong>敏捷:</strong>     <span>      <i style="width:60%"></i>     </span>     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     <strong>精神:</strong>     <span>      <i style="width:40%"></i>     </span>    </p>    <p>剑士拥有过人的体力及华丽的剑术,加上属于近距离攻击型职业,就算没有其他角色的帮助也可自行锻炼。由于剑士是剑术的专家,所以无法学习魔法,但与其他角色组队冒险时,因优异的体力通常是担任先锋角色。  </p>    <a href="http://www.baidu.com" title="剑士技能详情" class="jnxq">技能详情</a>   </div>   <div class="dbbq">     <a href="http://www.baidu.com">剑士</a>     <a href="http://www.baidu.com">魔法师</a>     <a href="http://www.baidu.com">弓箭手</a>     <a href="http://www.baidu.com">召唤术士</a>     <a href="http://www.baidu.com">圣导师</a>     <a href="http://www.baidu.com">魔剑士</a>    </div>  </div> 
 <!--表格部分--><div class="bg-wai"> <h5>官方设置</h5></div>



 <div class="bg1">  <table width="700" border="1" cellspacing="0" cellpadding="0" bordercolor="#954a00">      <tr>        <th colspan="2" scope="col" height="30"><span style=" color:red">★独家开放:合成公告,击杀公告,任务系统(内置助手F7开启F8启动)全新玩法,全新体验★</span></th>        </tr>      <tr>        <th width="70" scope="row" height="26">线路版本</th>        <td>独家103H仲夏激情,经典耐玩,顶级机房,南北互通,全路线不卡,长久稳定</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">基础设置</th>        <td>50倍经验-30倍大师,战士,法师,妹妹,每级7点,2次转职业后为8点,圣和魔剑为10点,无转</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">新人设置</th>        <td>新人出生送300点,开放仿官方吃果实系统,注册送1亿Mu币,圣导出生500统率,金钱掉率为3倍</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">独家商店</th>        <td>游戏x商店出售幸运符咒,合成保护符,血色门票,广场门票,幻影门票,强化恶魔/天使(不死)</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">掉率设置</th>        <td>卓越双属暴率1/100,三属性1/180,宝石1/70,羽毛1/100,高级法书1/300</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">商店设置</th>        <td>老板娘出售个职业转职物品,出售初级JN石和书,红100个/组,蓝100个/组方便挂机,悬石打怪获得</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">商店设置</th>        <td>出售转职物品,+5青铜级别装备,黑龙波霹雳石,修复刷祝福,灵魂,等重大BUG</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">职业设置</th>        <td>战士瀑血,法师守护与官方一样,妹妹加攻防为官方的2倍,智力MM不再无用武之地</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">惩罚设置</th>        <td>攻城线红名爆装备,失落PK不红名,洗红请在网站上进行洗,每次洗红需要1000万</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">积分设置</th>        <td>卖店兑换积分,守护=5分,创造=5分.丢商店兑换,小退查看 </td>      </tr>      <tr>        <th width="70" scope="row"  height="26">三次转职</th>        <td>1.2.3转职流程同官方完全一致,完成3次转职任务后即成为大师,第3次任务每次奖励20点属性点</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">交易设置</th>        <td>没有市场的MU是不会长久的,祝福,灵魂,创造宝石,套装,等物品都将成为抢手货</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">打宝设置</th>        <td>卡利玛7层,魔炼之地,赤色要塞,提炼之塔,可打出顶级卓越装备和套装</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">赤色掉套</th>        <td>套装获取更容易,赤色要塞2个人可启动,2/3/4/5/6层均为50%几率随机暴出套装</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">冰霜巨蛛</th>        <td>冰霜巨蛛掉普通套,各职业大天,汉斯套,特色黑龙级别套。,刷新时间与官方同步</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">困顿设置</th>        <td>卡7昆顿2只,元宝地图一只(进入需10积分),6小时刷新一次,70%暴3件高级装备,其中50%为套装!30%为卓越</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">战士暴血</th>        <td>战士的暴血数据同九城完全一样(暴血上限为80%,普通线时间为128秒,攻城线为300秒)</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">三代翅膀</th>        <td>3代飞飞合成配方及流程完全同官方一致,3代飞飞所有的属性真实而有效</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">罗兰攻城</th>        <td>罗兰逆袭,设置为晚上19点攻城,打败每个关卡BOSS获得随机积分。</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">外挂防护</th>        <td>服务器封杀绝大多数外挂,欢迎玩家举报,对外挂零容忍,发现外挂,我们坚决删号并且封锁其ip段</td>      </tr>      <tr>        <th width="70" scope="row"  height="26">公平设置</th>        <td>游戏当中不设立任何GM,管理员不赠送任何家族装备,保障绝对公平合理的游戏环境</td>      </tr>          </table></div></div>
   <div class="right">    <div class="tu1">勇者大陆</div>     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t1.jpg" width="240" height="95" />     <div class="tu1">仙踪林</div>     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t2.jpg" width="240" height="95" />     <div class="tu1">幻术园</div>     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t3.jpg" width="240" height="95" />     <div class="tu1">失落之塔</div>     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t4.jpg" width="240" height="95" />     <div class="tu1">亚特兰蒂斯</div>     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t5.jpg" width="240" height="95" />     <div class="tu1">死亡沙漠</div>     <img src="http://www.mamicode.com/冰霜奇迹(www.10088mu.com)奇迹私服,千人在线,特色奇迹,玩家赚钱的奇迹私服_files/t6.jpg" width="240" height="95" />   </div>



    <div class="dibutou">       <h4>冰霜奇迹</h4>       <div id="db1">       <p>         <span><a href="http://www.baidu.com">推荐配置</a></span>         <span><a href="http://www.baidu.com">注册账号</a></span>         <span><a href="http://www.baidu.com">背景故事</a></span>         <span><a href="http://www.baidu.com">快捷键位</a></span>         <span><a href="http://www.baidu.com">好友系统</a></span>         <span><a href="http://www.baidu.com">战盟系统</a></span>         <span><a href="http://www.baidu.com">聊天系统</a></span>         <span><a href="http://www.baidu.com">对战系统</a></span>         <span><a href="http://www.baidu.com">转职系统</a></span>        </p>               <p>         <span><a href="http://www.baidu.com">奇迹王国</a></span>         <span><a href="http://www.baidu.com">攻城起源</a></span>         <span><a href="http://www.baidu.com">恶魔广场</a></span>         <span><a href="http://www.baidu.com">赤色要塞</a></span>         <span><a href="http://www.baidu.com">血色城堡</a></span>         <span><a href="http://www.baidu.com">狼魂要塞</a></span>         <span><a href="http://www.baidu.com">幻影寺院</a></span>         <span><a href="http://www.baidu.com">足球场</a></span>         <span><a href="http://www.baidu.com">攻城战</a></span>        </p>               <p>         <span><a href="http://www.baidu.com">勇者大陆</a></span>         <span><a href="http://www.baidu.com">仙踪林</a></span>         <span><a href="http://www.baidu.com">幻术园</a></span>         <span><a href="http://www.baidu.com">冰风谷</a></span>         <span><a href="http://www.baidu.com">地下城</a></span>         <span><a href="http://www.baidu.com">失落之塔</a></span>         <span><a href="http://www.baidu.com">亚特兰蒂斯</a></span>         <span><a href="http://www.baidu.com">死亡沙漠</a></span>         <span><a href="http://www.baidu.com">天空之城</a></span>        </p>               <p>         <span><a href="http://www.baidu.com">卡利玛</a></span>         <span><a href="http://www.baidu.com">罗兰峡谷</a></span>         <span><a href="http://www.baidu.com">魔炼之地</a></span>         <span><a href="http://www.baidu.com">幽暗森林</a></span>         <span><a href="http://www.baidu.com">狼魂要塞</a></span>         <span><a href="http://www.baidu.com">坎特鲁废墟</a></span>         <span><a href="http://www.baidu.com">坎特鲁遗址</a></span>         <span><a href="http://www.baidu.com">安宁池</a></span>         <span><a href="http://www.baidu.com">冰霜之城</a></span>        </p>               <p>         <span><a href="http://www.baidu.com">卡鲁特</a></span>         <span><a href="http://www.baidu.com">新手任务</a></span>         <span><a href="http://www.baidu.com">一般任务</a></span>         <span><a href="http://www.baidu.com">委托任务</a></span>         <span><a href="http://www.baidu.com">守护狼王</a></span>         <span><a href="http://www.baidu.com">道具升级</a></span>         <span><a href="http://www.baidu.com">镶嵌系统</a></span>         <span><a href="http://www.baidu.com">属性说明</a></span>         <span><a href="http://www.baidu.com">耐久度</a></span>        </p>       </div>    </div></div>           <div class="dibu2">   <div class="d2">    <p>        <a href="http://www.baidu.com">冰霜奇迹</a> |         <a href="http://www.baidu.com">重拾梦境</a> |         <a href="http://www.baidu.com">感动经典</a> |         <a href="http://www.baidu.com">长久稳定</a> |         <a href="http://www.baidu.com">持久更新</a> |         <a href="http://www.baidu.com">诠释信誉</a> |         <a href="http://www.baidu.com">缔造品牌</a> |         <a href="http://www.baidu.com">至高无上</a>        </p>        <p>Copyright ? 1996-2014 SINA Corporation, All Rights Reserved</p>        <p>        冰霜奇迹        <a href="http://www.baidu.com">版权所有 </a>        <a href="http://www.baidu.com">如有雷同 </a>        <a href="http://www.baidu.com">纯属盗版</a>        </p>        <p>请认证官方域名</p>    </div>   </div>             </div></body></html>

模仿网站练习1