模仿网站练习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="冰霜奇迹（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="冰霜奇迹（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="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t1.jpg" width="240" height="95" />
     <div class="tu1">仙踪林</div>
     <img src="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t2.jpg" width="240" height="95" />
     <div class="tu1">幻术园</div>
     <img src="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t3.jpg" width="240" height="95" />
     <div class="tu1">失落之塔</div>
     <img src="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t4.jpg" width="240" height="95" />
     <div class="tu1">亚特兰蒂斯</div>
     <img src="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t5.jpg" width="240" height="95" />
     <div class="tu1">死亡沙漠</div>
     <img src="冰霜奇迹（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="冰霜奇迹（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="冰霜奇迹（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="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t1.jpg" width="240" height="95" />     <div class="tu1">仙踪林</div>     <img src="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t2.jpg" width="240" height="95" />     <div class="tu1">幻术园</div>     <img src="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t3.jpg" width="240" height="95" />     <div class="tu1">失落之塔</div>     <img src="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t4.jpg" width="240" height="95" />     <div class="tu1">亚特兰蒂斯</div>     <img src="冰霜奇迹（www.10088mu.com）奇迹私服，千人在线，特色奇迹，玩家赚钱的奇迹私服_files/t5.jpg" width="240" height="95" />     <div class="tu1">死亡沙漠</div>     <img src="冰霜奇迹（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>

时间： 2024-11-10 08:01:36

模仿网站练习1的相关文章

在网站建设的时候需要考虑哪些因素？

网站制作公司数不胜数,每家公司使用域名.服务器的提供商也是不同,制作网站使用代码语言.模板.自主研发的系统都是各不相同.网站整体的设计要好,这个设计,一是指网站的代码设计,最好采用PHP+MySQL的形式,像目前建站比较流行的Dedecms,Wordpress,都是基于这种开源程序,兼容性比较好.而是指网站风格设计,不要求紧贴潮流,起码也要简洁大方,不会轻易过时.0755-89812581 网站首先要注意安全性,早些年很多网站就是利用太多的网站模板,导致漏洞太多,让客户网站被挂马,造成严重的损害

MongoDB---前世今生

MongoDB的官方文档基本是how to do的介绍,而关于how it worked却少之又少,本人也刚买了<MongoDB TheDefinitive Guide>的影印版,还没来得及看,本文原作者将其书中一些关于MongoDB内部现实方面的一些知识介绍如下,值得一看. 今天下载了<MongoDB The Definitive Guide>电子版,浏览了里面的内容,还是挺丰富的.是官网文档实际应用方面的一个补充.和官方文档类似,介绍MongoDB的内部原理是少之又少,只有在附

利用人性弱点赚钱的项目分析

做过网络的都知道,互联网上最好赚的两种钱:男人好色类,女人爱美类.男人都是用下半身思考的物种,在"色"字面前,90%的英雄好汉都乖咯咯心甘情愿地付费掏钱.君不见猴子在香蕉面前的那个火急火燎的模样吗?在"色"诱面前,男人与猴子的捉急样无异.顺着这个思路,有很多项目就充分地利用了男人好色类的这个人性弱点,赚嗨赚翻勒个去. 一. 风月体验类网站 吃货到了某地,都要在网上搜索一下这个地方什么东西比较好吃;而狼一族到了某地,也要到四处处打听什么地方有特殊的服务.在北京等北方地

CSS从大图中抠取小图完整教程(background-position应用)

转:http://www.cnblogs.com/iyangyuan/archive/2013/06/01/3111704.html 相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象:网页中很多图片素材被合成在一张图片上. 起初小菜模仿网站的时候,经常遇到这个现象,那时候也不知道这时什么技术,人家的整张图片素材不会利用,只能用ps切图,切成单个的再用... 其实,这是一个非常简单的技术,就是因为想象的太难了,才一直找不到问题的关键. 要想实现CSS抠图,只需要用到一个属性:backgroun

自学htmlcss之仿搜狗主页

自学至今有25天左右,到目前为止html和css基础知识学的差不多了. 目前正在仿做静态页面之搜狗首页 这个原模仿网站首页 下面的这是目前为止我做的效果 今天从中午开始正式开始写,写到晚上9点,只完成了这么一点. 主要原因是效率太慢(总结了一下有几个一下原因) 1.对基本一些的用法不太熟悉,单词的拼写(知道要用什么就是无法写出来,需要借助百度查) 2.还有就是用基本语法不是理解的特别透彻 3.还有就是对html+CSS布局理解和用的不是很透彻,像其中的position和float还有就是垂直居中

转载：CSS从大图中抠取小图完整教程(background-position应用)

相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象:网页中很多图片素材被合成在一张图片上. 起初小菜模仿网站的时候,经常遇到这个现象,那时候也不知道这时什么技术,人家的整张图片素材不会利用,只能用ps切图,切成单个的再用... 其实,这是一个非常简单的技术,就是因为想象的太难了,才一直找不到问题的关键. 要想实现CSS抠图,只需要用到一个属性:background-position. 按照字面理解,这个属性就是背景定位,先看看google网站的素材图,如下: 假如小菜现在想做一个+1按钮,利用

CSS+DIV：实现炫酷网页样式与布局

虽然之前也接触过HTML和CSS,也做过一段时间的项目,使用过CSS和DIV,但是终究没有体会到这两者融会贯通后,所能达到的效果,远远超乎我的想象. 其实很多写过前端页面的人都知道DIV和CSS其实特别简单,但是要想实现需求中的或者自己心中想象的效果,也决非易事.这里面有很多的技巧,如果你不熟悉和精通,那么你做出的页面将会达不到预期的效果,有时候会特别的难看. 首先我们来看一下DIV是啥玩意? DIV是标记语言HTML中众多标签的一个,但是却是文档页面布局使用最频繁的一个标签.它可定义文档中的分

CSS从大图中抠取小图完整教程(background-position应用) (转)

自认为把background-position的应用讲得非常通俗易懂的教材.做个记号. 相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象:网页中很多图片素材被合成在一张图片上. 起初小菜模仿网站的时候,经常遇到这个现象,那时候也不知道这时什么技术,人家的整张图片素材不会利用,只能用ps切图,切成单个的再用... 其实,这是一个非常简单的技术,就是因为想象的太难了,才一直找不到问题的关键. 要想实现CSS抠图,只需要用到一个属性:background-position. 按照字面理解,这个属性

CSRF(跨站请求伪造攻击)漏洞详解

Cross-Site Request Forgery(CSRF),中文一般译作跨站点 请求伪造.经常入选owasp漏洞列表Top10,在当前web漏洞排行中,与XSS和SQL注入并列前三.与前两者相比,CSRF相对来说受到的关注要小很多,但是危害却非常大. 通常情况下,有三种方法被广泛用来防御CSRF攻击:验证token,验证HTTP请求的Referer,还有验证XMLHttpRequests里的自定义header.鉴于种种原因,这三种方法都不是那么完美,各有利弊. 二 CSRF的分类 在跨站请