仿写“新浪读书的HTML网页”

最新推荐文章于 2023-09-25 17:17:34 发布
最新推荐文章于 2023-09-25 17:17:34 发布
阅读量1.4k 收藏 8
点赞数 1
分类专栏： html 文章标签： html 新浪
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29656307/article/details/53964466
版权
!<DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>新浪读书</title>
<link rel="stylesheet" type="text/css" href="css.css">


</head>


<body>
<div id="header" align="center">
<img  src="img/1412958.JPEG">
</div>


<div id="main">
<div id="num1">
    <ul class="nav-inner">
<li><a href="#" class="classfont" target="_blank" >
   <font color="white"> 首页</font></a></li>
<li><a href="#" class="classfont" target="_blank">
 
  <font color="white">  原创</font></a></li>
<li><a href="#" class="classfont" target="_blank">
    <font color="white">书评</font></a></li>
<li><a href="#" class="classfont" target="_blank">
    <font color="white">书摘</font></a></li>
<li><a href="#" class="classfont" target="_blank">
    <font color="white">资讯</font></a></li>
<li><a href="#" class="classfont" target="_blank">
   <font color="white"> 好书榜</font></a></li>
<li><a href="#" class="classfont" target="_blank">
    <font color="white">专题</font></a></li>
<li><a href="#" class="classfont" target="_blank">
    <font color="white">动漫</font></a></li>
</ul>
    
    </div>
    <div id="num2">
    <form class="classbutton" >
   <input type="button" value="登录" style="height:40px; width:60px" ><input  type="button" value="注册" style="height:40px; width:60px">
    </form>
    </div>
    <div id="num3">
    
    
    <div id="num31">
    
    <div id="banner">
    
    <img id="img1" src="img/whCw-fxxnrss2966658.jpg"  width="650px" />
       <h4><a class="classfont2" href="#" target="_blank">
白宫员工眼中的希拉里·克林顿是什么样子？ </a></h4>
<script type="text/javascript">
var Util = {};
Util.Event = {
    stop: function(ent){           
        var e = ent||window.event;
        if (e.preventDefault){
          e.preventDefault();
          e.stopPropagation();
        } 
        else{
          e.returnValue = false;
          e.cancelBubble = true;
        }
    },
    add:function(elem,name,fn,useCapture){
        if (name == 'keypress' &&
        (navigator.appVersion.match(/Konqueror|Safari|KHTML/)
        || elem.attachEvent))
            name = 'keydown';
        if(elem.addEventListener){
            elem.addEventListener(name,fn,useCapture);
        }
        if(elem.attachEvent){
            elem.attachEvent("on"+name,fn);
        }
    },
    getEvent:function() {
        if (window.event) {
            return this.formatEvent(window.event);
        } else {
            return this.getEvent.caller.arguments[0];
        }
    },
    formatEvent:function (oEvent) {
        if (document.all) {
            oEvent.charCode = (oEvent.type == "keypress") ? oEvent.keyCode : 0;
            oEvent.eventPhase = 2;
            oEvent.isChar = (oEvent.charCode > 0);
            oEvent.pageX = oEvent.clientX + document.body.scrollLeft;
            oEvent.pageY = oEvent.clientY + document.body.scrollTop;
            oEvent.layerX = oEvent.offsetX;
            oEvent.layerY = oEvent.offsetY;
            oEvent.preventDefault = function () {
                this.returnValue = false;
            }
            if (oEvent.type == "mouseout") {
                oEvent.relatedTarget = oEvent.toElement;
            } else if (oEvent.type == "mouseover") {
                oEvent.relatedTarget = oEvent.fromElement;
            }
            oEvent.stopPropagation = function () {
                this.cancelBubble = true;
            };
            oEvent.target = oEvent.srcElement;
            oEvent.time = (new Date).getTime();
        }
        return oEvent;
    }
}
function $$(element) {
 return document.getElementById(element);
}
var arrowImage1 = new Image();arrowImage1.src="http://blog.163.com/fan_yishan/blog/../img/left_btn.gif";
var arrowImage2 = new Image();arrowImage2.src="http://blog.163.com/fan_yishan/blog/../img/right_btn.gif";
var NextPageTips = function(obj){
    var str = new String('\
                                <div style="width:103px;height:27px; text-align:center;"><img id="cursorImg" style="cursor:url(transMouse.cur),auto" src="http://blog.163.com/fan_yishan/blog/../img/left_btn.gif" /></div>\
                                <div style="width:103px;height:20px; border:1px solid #ffffff;filter:Alpha(Opacity=70);-moz-opacity: 0.8">\
                                   <div style="width:101px;height:18px;border:1px solid #000000;filter:Alpha(Opacity=60);-moz-opacity: 0.8">\
                                     <div style="width:100%;height:100%; background:#000000; filter:Alpha(Opacity=60);-moz-opacity: 0.6">\
                                     </div>\
                                   </div>\
                                </div>\
                                <span id="NextPageTipsSpan" style="font-size:13px; position:relative; top:-20px;left:8px;color:#ffffff;" ></span>\
                                ');
    Util.Event.add(obj,"mousemove",function(){
   var ObjectX = 0;
   ObjectX = Util.Event.getEvent().layerX;        
   if($$('NextPageTips')==null) {
   var oDiv = document.createElement("div");
   oDiv.style.position = "absolute";
   oDiv.style.left = Util.Event.getEvent().pageX + "px";
   oDiv.style.top = Util.Event.getEvent().pageY  + "px";
   oDiv.id = "NextPageTips";
   oDiv.style.height="330px";
   oDiv.style.width="580px";
   document.body.appendChild(oDiv); 
   $$('NextPageTips').innerHTML = str;
  }          
  $$('NextPageTips').style.left = Util.Event.getEvent().pageX - 45 + "px";
  $$('NextPageTips').style.top = Util.Event.getEvent().pageY + 10 + "px";
  if(document.all)
  {
       Util.Event.stop(); 
  }
  var image = new Image();
  image.src = Util.Event.getEvent().target.src; 
  width = image.width;                  
   if(ObjectX<Math.floor(width/2)) {
   $$('cursorImg').src = arrowImage1.src;
      
   $$('NextPageTipsSpan').innerHTML = "点击查看上一张";
   Util.Event.getEvent().target.onclick = function(){
    prePic();
   }
   }
   else
   {
   $$('cursorImg').src = arrowImage2.src;
   $$('NextPageTipsSpan').innerHTML = "点击查看下一张";
   Util.Event.getEvent().target.onclick = function(){
       nextPic();
   }
   }
    },false);                      
 Util.Event.add(obj,"mouseout",function(){
    if($$('NextPageTips')!=null)
    document.body.removeChild($$('NextPageTips'));
 },false);                                
};
function prePic() {
 if (i==0) alert('已经是第一张了');
 else img.src = imgs[--i];
}
function nextPic() {
 if (i==imgs.length-1) alert('已经是最后一张了');
 else img.src = imgs[++i];
}
imgs = new Array('img/whCw-fxxnrss2966658.jpg','img/2016003.PNG','img/2016004.PNG');
var img = $$('img1');
img.style.cursor = "url(transMouse.cur),auto";
i = 0;
img.src = imgs[i];
new NextPageTips(img);
</script>
    
    </div>
    
    
    <div id="b2"  style=" height:120px;margin-top:30px; float:left">
     <div id="b21" style="float:left; width:320; height:100px; overflow: hidden; word-wrap: break-word;">
      <ul>
      <li class="classfont3"><a  class="classfont3" href="#">"书痴"伍迪·艾伦如何阅读？</a></li>
      <li class="classfont3"><a  class="classfont3" href="#">葛亮《北鸢》领衔9月新浪好书榜</a></li>
      <li class="classfont3"><a  class="classfont3" href="#">鲁迅：日本人写的汉诗没有诗趣</a></li>
    </ul>
     
     </div>
     <div id="b22" style="float:left; width:320; height:100px; margin-right:10px; overflow: hidden; word-wrap: break-word;">
      <ul>
      <li class="classfont3"><a  class="classfont3" href="#">我们时代的焦虑：彼得汉德克的创作之旅</a></li>
      <li class="classfont3"><a  class="classfont3" href="#">王安忆细聊知识分子与政治的关系</a></li>
      <li class="classfont3"><a  class="classfont3" href="#">《看见·看不见》：挖掘影像背后的事实</a></li>
    </ul>
     
     </div>
    </div>
    
    
    <div id="newbook" style=" height:700px; float:left;">
    <h1><font color="#CC0033">新书速递</font></h1>
     <hr color="#CCCCCC"  size="5">
    
    <div id="newbook1" style="float:left; margin-right:20px; margin-left:20px;" > 
     <div style=" width:130px;float:left;"><img height="200px"  width="130px"  src="img/8XOR-fxxneue0977296.jpg"></div>
      <div style=" width:130px; float:none"><a href="#"  class="classfont3"  target="_blank">《耶路撒冷三千年》作者经典作品</a></div>
    </div>
    
    <div id="newbook2" style="float:left; margin-right:45px;" > 
     <div style=" width:130px;float:left;"><img height="200px"  width="130px" src="img/MDIo-fxxfyex5568511.jpg"></div>
      <div style=" width:130px; float:none"><a href="#"  class="classfont3"  target="_blank">顶尖历史学家重新解读世界史</a></div>
    </div>
    
    <div id="newbook3" style="float:left; margin-right:20px;"> 
     <div style=" width:130px;float:left;"><img height="200px"  width="130px" src="img/A8CH-fxxneua4296494.jpg"></div>
      <div style=" width:130px; float:none"><a href="#"  class="classfont3"  target="_blank">千万书迷期待的九功舞系列代表</a></div>
    </div>
    
    <div id="newbook4" style="float:left; margin-right:20px;" > 
     <div style=" width:130px;float:left;"><img height="200px"  width="130px" src="img/BA05-fxxneue0977498.jpg"></div>
      <div style=" width:130px; float:none"><a href="#"  class="classfont3"  target="_blank">幽•灵《头条都是他》第二季来袭作品</a></div>
    </div>
    
     <div id="newbook5" style="float:left; margin-right:20px; margin-left:20px; margin-top:30px;" > 
     <div style=" width:130px;float:left;"><img height="200px"  width="130px"  src="img/uJQi-fxwfhiv0827739.jpg"></div>
      <div style=" width:130px; float:none"><a href="#"  class="classfont3"  target="_blank">伊坂式桥段阿部和重限量亲笔签名</a></div>
    </div>
    
    <div id="newbook6" style="float:left; margin-right:45px; margin-top:30px;" > 
     <div style=" width:130px;float:left;"><img height="200px"  width="130px" src="img/8SgB-fxwvxzf6790500.jpg"></div>
      <div style=" width:130px; float:none"><a href="#"  class="classfont3"  target="_blank">王凯王子文领衔主演同名电视剧</a></div>
    </div>
    
    <div id="newbook7" style="float:left; margin-right:20px; margin-top:30px;"> 
     <div style=" width:130px;float:left;"><img height="200px"  width="130px" src="img/6Nnr-fxxfyex5568886.jpg"></div>
      <div style=" width:130px; float:none"><a href="#"  class="classfont3"  target="_blank">热播电视剧法医秦明原著小说集</a></div>
    </div>
    
    <div id="newbook8" style="float:left; margin-right:20px; margin-top:30px;" > 
     <div style=" width:130px;float:left;"><img height="200px"  width="130px" src="img/dalG-fxxneua4296751.jpg"></div>
      <div style=" width:130px; float:none"><a href="#"  class="classfont3"  target="_blank">全球顶级畅销书作家朱迪皮考特</a></div>
    </div>
   
    </div>
    
     <div style=" float:left; width:650px">
    <table align="center" width="650px" border="1px">
    <tr>
    <td><a href="#" class="classfont">最新</a></td>
     <td><a href="#" class="classfont">书训</a></td>
     <td><a href="#" class="classfont">童书</a></td>
     <td><a href="#" class="classfont">小说</a></td>
      <td><a href="#" class="classfont">经营</a></td>
       <td><a href="#" class="classfont">活动</a></td>
    </tr>
    
    </table>
    
    <div style=" height:180px; widows:650px; float:left;">
    <h4><a  style="width:650px; float:left"class="classfont2" href="#" target="_blank">"大嘴"特朗普为何会成为赢家？</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/Pf27-fxxsmih9419331.jpg"></div>
      <div style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">特朗普说，一个人如何应对生活中的困难形势，在很大程度上，可以看出他的为人品性。...[详细]</a>
      <div style="float:right; margin-top:115px">评论(25)|分享</div>
      </div>
      </div>
      
  
       <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">作家余泽民：我才是地道的欧华作家</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/-AgY-fxxneua4461551.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">15年前，当迪克牛仔还红的时候，常有人把回国泡吧的余泽民误认为是他。...[详细]</a>
      <div style="float:right; margin-top:115px">评论(25)|分享</div>
      </div>
      </div>
      
       <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">透过文学风景 了解中国社会</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/Mc85-fxxnrss2883828.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">文学里面可以看到最近的中国人生活风景，到目前为止韩国读者主要看的是五零后、六零后写的中国人生活的情况，所以现在韩国出版界很缺乏从另外一个角度看中国人的生活。...[详细]</a>
      <div style="float:right; margin-top:100px">评论(25)|分享</div>
      </div>
      </div>
      
       <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">《看见·看不见》新浪图片新书分享会在北京摄影周举办</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/RVtL-fxxneua4342492.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">2016年10月17日下午，新浪图片《看见·看不见》新书分享会在北京中华世纪坛举办，这是2016北京摄影周的大讲堂活动之一。...[详细]</a>
      <div style="float:right; margin-top:115px">评论(25)|分享</div>
      </div>
      </div>
      
      
       <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">一封来自"深渊"的长信</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/3-kg-fxxneua4298270.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">"我们之间坎坷不幸、令人痛心疾首的友谊，已经以我的身败名裂而告结束。"我们，指奥斯卡·王尔德和阿尔弗莱德·道格拉斯。某种程度上，正是后者将王尔德推向了深渊。...[详细]</a>
      <div style="float:right; margin-top:100px">评论(25)|分享</div>
      </div>
      </div>
      
      
       <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">赫敏在伦敦地铁里藏了一百多本女性主义书籍</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/32Fp-fxxneue0976552.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">伦敦地铁的乘客们如果发现自己无书可读时可要睁大双眼了：艾玛·沃特森已经在伦敦地铁上留下了多本玛雅·安格鲁（Maya Angelou）的回忆录《妈妈，我，妈妈》（Mom&amp;Me&amp;Mom）。...[详细]</a>
      <div style="float:right; margin-top:85px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">探究：明孝陵里的"眀"字是写错了吗？</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/U13293P112T3D822814F7563DT20161104105405.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">>明孝陵方城隧道出口正面的石壁上，刻着"此山眀太祖之墓"七个楷书大字。如今，让游客好奇的是，这七个字中的"明"写作"眀"，是故意这么写还是写错了呢？...[详细]</a>
      <div style="float:right; margin-top:100px">评论(25)|分享</div>
      </div>
      </div>
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">《温柔之歌》获法国龚古尔文学奖</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/U13293P112T3D822802F7563DT20161104094439.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">２０１６年度法国龚古尔文学奖和勒诺多文学奖３日在巴黎德鲁昂饭店揭晓。３５岁的女作家莱拉·斯利马尼的小说《温柔之歌》获龚古尔奖，法国女性小说家和剧作家雅丝米娜·雷扎的小说《巴比伦》获勒诺多奖。...[详细]</a>
      <div style="float:right; margin-top:85px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">欧阳修功名显赫时作诗流露归隐之意 欲再闭门读书</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/U13293P112T3D822740F7563DT20161103160710.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">北宋名臣欧阳修的《读书》诗，"一生今过半，惟寻旧读书"之句，实在是道出了读书人的中年况味，颇令人感慨。...[详细]</a>
      <div style="float:right; margin-top:100px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">《幸绘京城守艺人》寻访市井匠人的守艺之路</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/U13294P112T3D822727F7563DT20161103141243.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">2016年10月28日晚上7时，在言几又中关村书店，《幸绘京城守艺人》的作者何思倩邀请了清华大学新闻与传播学院梁君健老师、《蜗牛》杂志民艺工作室联合创始人高登科老师，以及书中所访的两位守艺人...[详细]</a>
      <div style="float:right; margin-top:85px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">简体本《唐君毅全集》首发尽显一代"大儒"成就</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px"  src="img/8MJt-fxxneua3910030.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">唐君毅先生很早就表现出中国哲学家的不凡的气度，确立了自己的哲学体系，同时又注重吸收西方哲学的精华，他的著作注重"情"与"理"的交融，其平实隽永的文字饱含着他丰富的人生体验，字里行间透露出他对...[详细]</a>
      <div style="float:right; margin-top:85px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">王小波作品将出全新版本 李银河声明独家授权新经典</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/am4c-fxxfyex5848120.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">李银河说："小波去世开20周年，我也渐渐年纪大了，继续而又持续地打理他散落在多家的作品耗费了不的精力。近年来，我一直想找一家优秀的出版机构安心地把小波的所有作品交给他们去打理，我一直在找，直...[详细]</a>
      <div style="float:right; margin-top:85px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">"京津冀文学期刊与创作"主题论坛在京举行</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/eYwu-fxxfyez2500841.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">论坛就如何立足京津冀地域文化，探讨如何创作出既有地域特色，又能反映时代精神面貌的高峰之作；探讨京津冀三地重要文学刊物，如何打造联合平台，联手推出精品力作，并给文坛推荐优秀青年作家，展开了文学...[详细]</a>
      <div style="float:right; margin-top:80px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">布克奖得主保罗·比蒂：我不知道得奖将如何影响我写作</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/U13293P112T3D822486F7563DT20161101111704.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">今年的布克奖得主保罗·比蒂撰文分享了自己的创作过程和获奖感受。...[详细]</a>
      <div style="float:right; margin-top:115px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">"安徒生文学奖"举行颁奖仪式 日本作家村上春树获奖</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/U13293P112T3D822394F7563DT20161031181446.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">2016年度"安徒生文学奖"当地时间30日在童话大师安徒生的家乡丹麦奥登塞举行颁奖仪式。现年67岁的日本作家村上春树获奖。...[详细]</a>
      <div style="float:right; margin-top:95px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">90后"心灵砒霜"为何盛行</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px" src="img/U13293P112T3D822352F7563DT20161031114649.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">"反鸡汤"说出了人心里有却不敢说出的话 这一代人自信，超能自黑、互黑和自嘲，敢直面人内心的脆弱甚至阴暗，并将其推送到光天化日之下。...[详细]</a>
      <div style="float:right; margin-top:100px">评论(25)|分享</div>
      </div>
      </div>
      
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">北京阅读季全民阅读指数发布会在京举行</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px"  src="img/U13294P112T3D822351F7563DT20161031113621.JPG"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">在国家新闻出版广电总局、北京市委宣传部的领导下，书香中国˙北京阅读季（以下简称北京阅读季）经过六年的努力，有效整合社会阅读资源，搭建起了"引导平台、资源平台、活动平台、媒体平台、支撑平台、培...[详细]</a>
      <div style="float:right; margin-top:85px">评论(25)|分享</div>
      </div>
     </div>
     
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">布罗茨基在威尼斯 美在低温下依然是美</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px"  src="img/U13293P112T3D822331F7563DT20161031104016.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">关于威尼斯的文字太多了，甚至有人说，描写这个城市的文字比那里的砖头还多。威尼斯已经成为一种文字的存在，而不仅仅是空间的存在，以至于威尼斯成了"登峰造极的文学怪物"。...[详细]</a>
      <div style="float:right; margin-top:85px">评论(25)|分享</div>
      </div>
     </div>
         <div style=" height:180px; widows:650px; float:left; margin-top:80px;">
      <hr>
    <h4><a  style="width:650px; float:left; margin-top:20px;"class="classfont2" href="#" target="_blank">魔法归来：《哈利·波特》大结局中文版首发式在京举办</a></h4>
        <div style=" width:130px;float:left; margin-top:10px"><img height="150px"  width="130px"  src="img/U13293P112T3D822226F7563DT20161029175001.jpg"></div>
      <div  style=" width:520px; height:150px; float:left; margin-top:10px"><a href="#" class="classfont3"  target="_blank">10月29日，由人民文学出版社主办的"《哈利•波特与被诅咒的孩子》中文简体字版首发式暨三强争霸赛"活动在北京繁星戏剧村举行。人民文学出版社副社长李春凯、"哈利·波特"系列责任编辑...[详细]</a>
      <div style="float:right; margin-top:75px">评论(25)|分享</div>
      </div>
     
      
      
      
    </div>
    
    
     
    </div>
    
    
 </div>
   
    
    
    
    
    
    
    <div id="num32">
     <h1><font color="#CC0033">今日热点</font></h1>
     <hr color="#CCCCCC"  size="5">
    <div id="num321">
     <div id="num3211">
     <h4><a class="classfont2" href="#" target="_blank"><font color="#000000">夏梦逝世丨梦回仲夏： 绝代佳人留下的文章</font></a></h4>
     <a href="#"   class="cf" target="_blank"><font color="#000000" >11月3日，曾被誉为"中国的奥黛丽赫本"的香港电影表演艺术家夏梦逝世，享年83岁。她爱好戏曲，也写得一手好字好文，爱电影爱读书，最喜看莎士比亚。从她留下的文章中，我们如睹旧人，依旧可以在隽永秀丽的文字中，看到她甜美的微笑。
</font></a>


     </div>
     
      <div id="num3212">
      <hr>
     <h4><a class="classfont2" href="#" target="_blank"><font color="#000000">2016布克奖揭晓：保罗·品第凭借小说《出卖》获奖</font></a></h4>


     <a href="#"  class="cf" target="_blank"><font color="#000000">英国当地时间10月25日晚9:49(北京时间10月26日凌晨4：49)，2016布克奖结果在伦敦市政厅揭晓。美国作家保罗·品第凭借小说《出卖》获奖。……
</font></a>


     </div>
     
      <div id="num3213">
      <hr>
     <h4><a class="classfont2" href="#" target="_blank"><font color="#000000">夏梦逝世丨梦回仲夏： 绝代佳人留下的文章</font></a></h4>
     <a href="#"  class="cf" target="_blank"><font color="#000000">11月3日，曾被誉为"中国的奥黛丽赫本"的香港电影表演艺术家夏梦逝世，享年83岁。她爱好戏曲，也写得一手好字好文，爱电影爱读书，最喜看莎士比亚。从她留下的文章中，我们如睹旧人，依旧可以在隽永秀丽的文字中，看到她甜美的微笑。
</font></a>
     </div>
    <hr>
     </div>
      <div id="num322">
        <h1><font color="#CC0033">好书榜</font></h1>
     <hr color="#CCCCCC"  size="5">
      <div style="height:5px; width:340px; float:left;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">01</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;北鸢</a>
      </div>
      
       <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">02</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;谁敢收藏中国</a>
      </div>
      
       <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">03</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;排队</a>
      </div>
      
       <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">04</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;另一个世界：中国记忆1961-1962</a>
      </div>
      
      <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">05</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;1493：物种大交换开创的世界史</a>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">06</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;中国朋党史</a>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">07</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;古拉格气象学家</a>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">08</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;大国大城</a>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">09</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;伍迪·艾伦谈话录</a>
      </div>
      
      <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">10</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;金钱与好的生活</a>
      </div>
      
      
      </div>
       <div id="num323">
       
         <h1><font color="#CC0033">微小说大赛排行榜</font></h1>
     <hr color="#CCCCCC"  size="5">
     
      <div id="ss">
      <div  style=" background-color:#C03;width:170px; float:left;"><a href="#" class="cf"> <font color="white" size="20px">精品榜</font></a></div>
       <div style="width:170px; float:left;"> <a href="#" class="cf"><font color="#000000" size="30px">潜力榜</font></a></div>
       
       
      <div style="height:5px; width:340px; float:left; margin-top:15px;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">01</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;雾都古镇</a>
      </div>
      
       <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">02</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;南院梨香远</a>
      </div>
      
       <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">03</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;十八少年当如是</a>
      </div>
      
       <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">04</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;微光绽放转瞬间</a>
      </div>
      
      <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">05</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;1493：青春恋歌界史</a>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">06</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;红尘仙泪</a>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">07</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;撸撸姐的超本格事件簿</a>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">08</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;霓洲歌</a>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">09</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;天子迷藏</a>
      </div>
      
      <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">10</font></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;变态的故事</a>
      </div>
      
      </div>
       </div>
        <div id="num324">
           
         <h1><font color="#CC0033">书摘</font></h1>
     <hr color="#CCCCCC"  size="5">
         <div style=" width:340px ;float:left; margin-top:30px;">
      <div style=" width:100px; float:left;"><img  width="100px" src="img/Td14-fxqafha0316736.jpg"></div>
      <a href="#"  class="classfont3" style="float:left;" target="_blank">&nbsp;地球百子1：重返地球</a>
      </div>
      
      <div style="float:left;" >
    <ul>
<li><a href="#" class="classfont4" target="_blank" >
    你所谓的稳定，不过是在浪费生命</a></li>
<li><a href="#" class="classfont4" target="_blank">
  一本正经又怪诞的行为心理学</a></li>
<li><a href="#" class="classfont4" target="_blank">
   那些生活中最重要的小事儿</a></li>
<li><a href="#" class="classfont4" target="_blank">
   再见之后，说再见</a></li>
<li><a href="#" class="classfont4" target="_blank">
   内心虚胖的人，需要停下来思考</a></li>
 
</ul>
    </div>
        </div>
         <div id="num325">
         
              
         <h1><font color="#CC0033">书评</font></h1>
     <hr color="#CCCCCC"  size="5">
         <div style="  width:340px ;float:left; margin-top:30px;">
      <div style=" width:80px;float:left;"><img height="100px"  width="80px"src="img/2016.PNG"></div>
      <div style=" width:260px;float:left;"><a href="#"  class="classfont2"  target="_blank">《科雷马故事》：追究"红色时间"里的"黑色因子"</a></div>
      </div>
      
      <div style="float:left;" >
    <ul>
<li><a href="#" class="classfont4" target="_blank" >
   《树敌》：老顽童埃科游走多重世界</a></li>
<li><a href="#" class="classfont4" target="_blank">
  《古拉格气象学家》：真相比整个世界还沉重</a></li>
<li><a href="#" class="classfont4" target="_blank">
   《香蕉的低语》：每个人都在心灵深处流浪</a></li>
<li><a href="#" class="classfont4" target="_blank">
   《白宫往事》：解密白宫真实生活</a></li>
<li><a href="#" class="classfont4" target="_blank">
  《给孩子的古诗词》：诗意人生是培养出来的</a></li>
        <li><a href="#" class="classfont4" target="_blank">
  《一个70后女神的时尚史》：记忆不会消亡</a></li>
<li><a href="#" class="classfont4" target="_blank">
  跟随赫胥黎《重返美丽新世界》</a></li>
</ul>
    </div>
         </div>
         
          <div id="num326">
            <h1><font color="#CC0033">深度·访谈</font></h1>
     <hr color="#CCCCCC"  size="5">
        <div style=" margin-top:30px;">
      <div style=" width:340px;float:left;"><img height="100px"  width="340px" src="img/2016001.PNG"></div>
      <div style=" float: left; height:120px; line-height:25px; overflow: hidden; word-wrap: break-word;">
     <h4><a class="classfont3" href="#" target="_blank"><font color="#000000">王安忆：依然不安，一直在克服困难</font></a></h4>
     <a href="#"  class="cf" target="_blank"><font color="#000000">这个世界是为所有人创造的，所谓残缺、边缘，是一种偏见。"花了2年5个月的时间创写就的《匿名》，是王安忆创作时间最长的一部小说。《匿名》对她而言，是一本"不安之书"，亦是全新的写作历程。
</font></a>
 </div>         
 
  <div style=" margin-top:5px; width:340px;float:left;"><img height="100px"  width="340px" src="img/2016001.PNG"></div>
      <div style=" float: left; height:120px; line-height:25px; overflow: hidden; word-wrap: break-word;">
     <h4><a class="classfont3" href="#" target="_blank"><font color="#000000">王安忆：依然不安，一直在克服困难</font></a></h4>
     <a href="#"  class="cf" target="_blank"><font color="#000000">这个世界是为所有人创造的，所谓残缺、边缘，是一种偏见。"花了2年5个月的时间创写就的《匿名》，是王安忆创作时间最长的一部小说。《匿名》对她而言，是一本"不安之书"，亦是全新的写作历程。
</font></a>
 </div> 
         </div>
          </div>
          
          
          
           <div id="num327">
            <h1><font color="#CC0033">深度·专题策划</font></h1>
     <hr color="#CCCCCC"  size="5">
       
      <div style=" width:340px;float:left;"><img height="100px"  width="340px" src="img/2016002.PNG"></div>
      <div style=" float: left; height:120px; line-height:25px; overflow: hidden; word-wrap: break-word;">
     <h4><a class="classfont3" href="#" target="_blank"><font color="#000000">【壹周读】三岛由纪夫：血色的华丽</font></a></h4>
     <a href="#"  class="cf" target="_blank"><font color="#000000">2015年11月25日是日本作家三岛由纪夫逝世45周年。1970年11月25日，三岛切腹自尽，有人认为他是为了激进的政治目的，有人说是精神失常，莫言说他是"为文学而死"。他的叠床架室不无做作的句式，他的自命不凡凌空虚蹈的意念，他的孤注一掷不屈不挠的美学诉求，无不让人望而生畏。
</font></a>
 </div>         
 
  <div style=" margin-top:5px; width:340px;float:left;"><img height="100px"  width="340px" src="img/2016002.PNG"></div>
      <div style=" float: left; height:120px; line-height:25px; overflow: hidden; word-wrap: break-word;">
       <h4><a class="classfont3" href="#" target="_blank"><font color="#000000">【壹周读】三岛由纪夫：血色的华丽</font></a></h4>
     <a href="#"  class="cf" target="_blank"><font color="#000000">2015年11月25日是日本作家三岛由纪夫逝世45周年。1970年11月25日，三岛切腹自尽，有人认为他是为了激进的政治目的，有人说是精神失常，莫言说他是"为文学而死"。他的叠床架室不无做作的句式，他的自命不凡凌空虚蹈的意念，他的孤注一掷不屈不挠的美学诉求，无不让人望而生畏。
</font></a>
 </div>         
   </div>
            <div id="num328">
            
            
         <h1><font color="#CC0033">排行榜</font></h1>
     <hr color="#CCCCCC"  size="5">
     
      <div id="ss">
      <div  style=" background-color:#C03;width:170px; float:left;"><a href="#" class="cf"> <font color="white" size="20px">新闻榜</font></a></div>
       <div style="width:170px; float:left;"> <a href="#" class="cf"><font color="#000000" size="30px">评论榜</font></a></div>
       
       
      <div style="height:5px; width:340px; float:left; margin-top:15px;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">01</font></div>
      <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">林奕华走进观众分享"心之侦探学"寻找"心痛的秘密"<</a></div>
      </div>
      
       <div style=" width:340px ;float:left; margin-top:30px;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">02</font></div>
     <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">张丹峰首次讲述幸福家庭生活全纪录《幸福刚刚好》上市<</a></div>
      </div>
      
       <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style="background-color:#C00; width:25px; float:left;"><font color="white" size="5px">03</font></div>
      <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">京演集团与东城区签约政府购买公共文化</a></div>
      </div>
      
       <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">04</font></div>
      <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">探究：明孝陵里的"眀"字是写错了吗？</a></div>
      </div>
      
      <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">05</font></div>
    <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">《温柔之歌》获法国龚古尔文学奖</a></div>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">06</font></div>
       <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">奈保尔自传体小说《抵达之谜》出版 全集正式收官</a></div>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">07</font></div>
    <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">王小波作品将出全新版本 李银河声明独家授权新经典<</a></div>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">08</font></div>
      <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">当当童书集结中国原创力量 2016上海国际童书展开幕</a></div>
      </div>
      
        <div style="height:5px; width:340px ;float:left; margin-top:30px;">
     <div style=" width:25px; float:left;"><font size="5px">09</font></div>
      <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">《大人孩子都能懂的大设计》新书上市</a></div>
      </div>
      
      <div style="height:5px; width:340px ;float:left; margin-top:30px;">
      <div style=" width:25px; float:left;"><font size="5px">10</font></div>
       <div style=" width:315px;height:20px;float:left; overflow: hidden;word-wrap: break-word;"><a href="#" class="classfont3">欧阳修功名显赫时作诗流露归隐之意 欲再闭门读书<</a></div>
      </div>
      </div>
        </div>
    </div>
    
    </div>


</div>


<div id="blk9">
<h1><font color="#CC0033">合作伙伴</font></h1>
<hr color="#CCCCCC"  size="5">
 <table  width="100%">
            <tbody>
            <tr>
             <td><a href="#" class="cf"  target="_blank"><font t color="#999999">人民文学出版社</font></a></td>
              <td><a href="#"  class="cf" target="_blank"><font color="#999999">三联书店</font></a></td>
              <td><a href="#" class="cf" target="_blank"><font color="#999999">博集天卷</font></a></td>
              <td><a href="#" class="cf" target="_blank"><font color="#999999">海豚传媒</font></a></td>
              <td><a href="#" class="cf" target="_blank"><font color="#999999">凤凰联动</font></a></td>
              <td><a href="#" class="cf" target="_blank"><font color="#999999">双螺旋童书馆</font></a></td>
              <td><a href="#" class="cf" target="_blank"><font color="#999999">中华书局</font></a></td>
              <td><a href="#" class="cf" target="_blank"><font color="#999999">商务印书馆</font></a></td>
              <td><a href="#" class="cf" target="_blank"><font color="#999999">湖北科技出版社</font></a></td>
              <td><a href="#" class="cf" target="_blank"><font color="#999999">北京大学出版社</font></a></td>
            </tr>
            </tbody>
        </table>
    </div>


<div class="footer" align="center">
    
        <a target="_blank" href="http://comment4.news.sina.com.cn/comment/skin/feedback.html?channel=ly&newsid=138">新浪网读书频道网友意见留言板</a>　 <a target="_blank" href="http://vip.book.sina.com.cn/32/2013/0904/3.html">客服电话：</a>010-5271 9385    欢迎批评指正
        <br>
商务合作：010-5271 9381&nbsp;&nbsp;&nbsp;&nbsp;联系信箱：feifei9@book.sina.com
<br>
        <a href="#">新浪简介</a> |
        <a href="#">About Sina</a> |
       <a href="#">广告服务</a> |
        <a href="#">联系我们</a>
        <a href="#">招聘信息</a> |
        <a href="#">网站律师</a> |
        <a href="#">SINA English</a> |
        <a href="https://login.sina.com.cn/signup/signup.php">注册</a> |
        <a href="#">产品答疑</a>
        <br>
        Copyright © 1996 - 2014 SINA Corporation, All Rights Reserved <br>
        新浪公司　<a target="_blank" href="#">版权所有</a>
    
</div>


</body>
</html>
Ordinary－1995
关注
专栏目录
简约风格网页仿写
04-11
网页的效果与实现讲解请移步我的博客：https://blog.csdn.net/Michaelia_hu/article/details/89217733
仿写网页
weixin_30468137的博客
03-30 830
码云链接：https://gitee.com/lulu-Noel/codes/xjkt5plrnfhs96e3ma08o49 网页链接：http://120.78.222.225/html/ 网页截图： 部分代码示例： <script type="text/javascript"> function mouseon(id){ ...
HTML: 仿写一个财经类静态的网页
dienangpiao2051的博客
08-29 424
要求：仿写一个静态的网页，主要采用HTML+CSS+DIV的布局方式， 新建两个文件:demo.html、demo.css 图片素材：image.zip demo.html代码如下： <!doctype html> <html lang="zh-CN"> <head> <meta charset="u...
淘宝网页简单的仿写，html+css
07-24
里面有几个页面的练习，都是使用的，动态的，还有购物网站html+css
基于HTML和css的静态网页仿写
柠檬人的博客
03-07 3983
具体效果为: 采用的技术主要有： position定位 浮动布局 弹性盒子布局 a链接 伪类 表格表单等等 首先全局设置为： *{ margin: 0%; padding: 0%; } ul,ol{ list-style: none; } a{ text-decoration: none; } html,body{ width: 100%; height: 100%; } #footer{ width: 100%; he
html网页设计作业-土巴兔的仿写
12-29
在"html网页设计作业-土巴兔的仿写"这个主题中，我们将深入探讨HTML的基本概念、元素、属性以及如何通过模仿土巴兔网站的设计来学习和提升HTML技能。 1. HTML基本结构： HTML文档通常以`<!DOCTYPE html>`开头，...
前端开发+html-css-js+仿写淘宝官网+网页设计
03-14
这个项目“前端开发+html-css-js+仿写淘宝官网+网页设计”旨在通过实际操作来深入理解这些技术，并结合网页设计原则，创建一个类似淘宝官网的静态页面。下面我们将详细探讨相关知识点。 **HTML（HyperText Markup ...
html+css 仿写网站首页.zip
12-14
基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于...
html仿写简易淘宝购物页面
07-14
在本项目中，“html仿写简易淘宝购物页面”是一个基于HTML、CSS和Bootstrap技术的实践教程，旨在帮助初学者或开发者了解如何构建一个类似于淘宝网的简单购物平台的前端界面。我们将深入探讨这三个核心技术，以及它们...
仿写天猫tmall首页，通过HTML，CSS实现的静态网页。.zip
12-14
基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于...
仿新浪首页、主题、详情页，纯html静态页面
10-27
仿新浪首页、主题、详情页，纯html静态页面
模仿的html网页
12-05
模仿的一个简单的购物类静态网页，旨在更好的学习和熟练的掌握html定义化语言和css布局
一个模仿写的网页代码，供参考
01-17
一个模仿写的网页代码，供参考
仿写QQ邮箱登录网页
09-06
仿写QQ邮箱登录网页仿写QQ邮箱登录网页仿写QQ邮箱登录网页仿写QQ邮箱登录网页仿写QQ邮箱登录网页仿写QQ邮箱登录网页仿写QQ邮箱登录网页
苹果官网页面仿写（纯html+css)
04-09
仿写苹果官网，纯html+css,零基础学了三天小成果，使用hbuilder软件
网页模仿
累了就学蚊子飞的博客
01-07 4727
很多人刚入门的网页设计人员总想做出很好看的网页或者仿照某个网站做个山寨版本,其实扒网页很简单，但是本文仅供学习之用，不是要你去山寨，应当好好研究布局、css等。
如何仿写网站
chatgpt002的博客
09-25 152
大家好，今天来聊聊如何仿写网站，希望能给大家提供一点参考。仿写网站是一种类似于仿写文章，但涉及整个网站的复制或修改。这种行为是违反法律和道德规范的，因为它侵犯了原始网站所有者的知识产权，包括版权、商标和商业秘密等。因此，我们不能鼓励或支持任何形式的仿写网站行为。
HTML学习记录：使用HTML与CSS模仿新浪网页面
toytoytelecar的博客
12-03 3496
上次我们使用HTML对新浪页面的导航栏进行了模仿，这一次我们打算更进一步，模仿整个页面。 由于新浪的页面创建的比较早，所以仅仅用静态的CSS样式和HTML就可以全部实现； 我们要模仿的界面如图： 此网页我们可以分为三部分： 1.头部 2.内容 3.尾页 所以为了系统的把控全局页面，我们先写出大致的轮廓，并且在每一个部分加上边框方便观看： <!DOCTYPE html> <html> <head> <meta ...
HTML第四课CSS高级特性
weixin_45728247的博客
12-13 215
CSS高级特性 一CSS复合选择器 1.标签指定式选择器 又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为类选择器或id选择器，两个选择器之间不能有空格。 2.后代选择器 后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。 3.并集选择器 并集选择器是各个选择器通过逗号连接而成的，...
百度静态网页仿写代码
最新发布
07-04
百度静态网页的仿写主要是指用编程语言（如HTML、CSS和JavaScript）创建类似于百度网站风格的静态页面。由于这是一个基础的前端开发任务，这里我会提供一个简单的步骤说明： 1. **HTML结构**: 使用HTML构建页面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值