码迷,mamicode.com
首页 > 其他好文 > 详细

360首页(练习)

时间:2015-12-25 13:07:58      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:

<style type="text/css">
a:link{
    color:#000;
    text-decoration:none;
    }
a:visited{
    color:#000;
    text-decoration:none
}
#o{
    border:2px solid #CCC;
    height:60px;
    width:1310px;
    position:absolute;
    
    }
#a{
    border:2px solid #CCC;
    height:300px;
    width:300px;
    top:80px;
    position:absolute;
    left:5px;
    
    
  }
#b{
    border:2px solid #CCC;
    width:1000px;
    height:400px;
    top:80px;
    font-family:"微软雅黑";
    font-size:19px;
    
    left:320px;
    margin:0px;
    position:absolute

    
    }
#c{
    border:2px solid #CCC;
    width:300px;
    height:150px;
    top:400px;
    left:5px;
    position:absolute;
    }
#d{
    border:2px solid #CCC;
    width:1000px;
    height:250px;
    top:500px;
    left:320px;
    position:absolute;
    text-align:center;
    }
#e{
    border:2px solid #CCC;
    width:300px;
    height:180px;
    top:570px;
    left:5;
    position:absolute;
    text-align:center;
    }
</style>
</head>

<body><div id="o"><center>
<table height="50" width="1000" border="0">
<tr>
<td><center><img src="QQ截图20151224155600.jpg" width="200"height="58" style="width:160px; height:50px;"/></center></td>
<td><input type="text" style="width:600px; height:40px;"/></td>
<td><input type="submit" value="好搜一下"  style=" width:120px; height:45px;"/></td>

</tr>
</table></center></div>
<div id="a"><font color="#000000" size="+1" face="微软雅黑"><center>
<table align="center" width="300" height="280">
<tr>
<td><a href="http://www.baidu.com">新闻</a></td>
<td><a href="http://www.baidu.com">电影</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">购物</a></td>
<td><a href="http://www.baidu.com">彩票</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">活期</a></td>
<td><a href="http://www.baidu.com">小说</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">游戏</a></td>
<td><a href="http://www.baidu.com">动漫</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">搞笑</a></td>
<td><a href="http://www.baidu.com">教育</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">查询</a></td>
<td><a href="http://www.baidu.com">机票</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">手机</a></td>
<td><a href="http://www.baidu.com">商城</a></td>
</tr>
</table></center></font></div>
<div id="b"><center>
<table width="1000" height="380">
<tr>
<td><a href="http://www.baidu.com">好搜</a></td>
<td><a href="http://www.baidu.com">新浪</a></td>
<td><a href="http://www.baidu.com">天猫</a></td>
<td><a href="http://www.baidu.com">搜狐</a></td>
<td><a href="http://www.baidu.com">网易</a></td>
<td><a href="http://www.baidu.com">凤凰</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">360游戏</a></td>
<td><a href="http://www.baidu.com">淘宝网</a></td>
<td><a href="http://www.baidu.com">购物</a></td>
<td><a href="http://www.baidu.com">百度</a></td>
<td><a href="http://www.baidu.com">手机卫士</a></td>
<td><a href="http://www.baidu.com">携程旅行</a></td>
</tr><tr>
<td><a href="http://www.baidu.com">京东商城</a></td>
<td><a href="http://www.baidu.com">58同城</a></td>
<td><a href="http://www.baidu.com">太平洋电脑</a></td>
<td><a href="http://www.baidu.com">世纪佳缘</a></td>
<td><a href="http://www.baidu.com">同程旅游</a></td>
<td><a href="http://www.baidu.com">中关村在线</a></td>
</tr><tr>
<td><a href="http://www.baidu.com">爱淘宝</a></td>
<td><a href="http://www.baidu.com">360影视</a></td>
<td><a href="http://www.baidu.com">聚划算</a></td>
<td><a href="http://www.baidu.com">国美在线</a></td>
<td><a href="http://www.baidu.com">东财理财</a></td>
<td><a href="http://www.baidu.com">央视网</a></td>
</tr>

<tr>
<td><a href="http://www.baidu.com">汽车之家</a></td>
<td><a href="http://www.baidu.com">易车网</a></td>
<td><a href="http://www.baidu.com">太平洋汽车网</a></td>
<td><a href="http://www.baidu.com">安居客</a></td>
<td><a href="http://www.baidu.com">折800</a></td>
<td><a href="http://www.baidu.com"><b><font color="#00FF00" size="+1">苏宁易购</font></b></a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">4399小游戏</a></td>
<td><a href="http://www.baidu.com">人民</a> <b>·</b> <a href="www.baidu.com">新华网</a></td>
<td><a href="http://www.baidu.com">赶集网</a></td>
<td><a href="http://www.baidu.com">当当网</a></td>
<td><img src="QQ截图20151221110301.png" width="20"/><a href="http://www.baidu.com">途牛旅游网</a></td>
<td><a href="http://www.baidu.com"><font color="#00FF00" size="+1"><b><i>1号店</i></b></a> <a href="http://www.baidu.com"><font color="#FF3333" size="+1"><b><i>抢福袋</i></b></font></a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">珍爱婚恋网</a></td>
<td><a href="http://www.baidu.com">梦芭莎</a></td>
<td><a href="http://www.baidu.com">亚马逊</a></td>
<td><a href="http://www.baidu.com">艺龙网</a></td>
<td><a href="http://www.baidu.com">去哪儿网</a></td>
<td><a href="http://www.baidu.com">美丽说</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">美团网</a></td>
<td><a href="http://www.baidu.com">乐视视频</a></td>
<td><img src="QQ截图20151221110241.png" width="20"/><a href="http://www.baidu.com">唯品会</a></td>
<td><a href="http://www.baidu.com"><b><font color="#FF9900">聚美优品</font></b></a></td>
<td><a href="http://www.baidu.com">搜房网</a></td>
<td><a href="http://www.baidu.com">蘑菇街</a></td>
</tr>
<tr>
<td><a href="http://www.baidu.com">猎聘网</a></td>
<td><a href="http://www.baidu.com">1药网</a></td>
<td><a href="http://www.baidu.com">陆金所理财</a></td>
<td><a href="http://www.baidu.com">六间房</a></td>
<td><a href="http://www.baidu.com">携程机票</a></td>
<td><a href="http://www.baidu.com"><b>12306</b></a> <b>·</b> <a href="http://www.baidu.com"><b>抢票</b></td>
</tr>


</table></center></div>

<div id="c"><center><table height="150" width="300">
<tr><img src="QQ截图20151224163433.jpg" width="300"/></tr>
<tr><a href="http://www.baidu.com"><font size="+1" face="微软雅黑">360庆双旦 年终豪礼送不停</font></a></tr>
<tr>&nbsp;</tr>
<tr><a href="http://www.baidu.com"><font size="+1" face="微软雅黑">奇酷双摄手机 酷炫旗舰版开放购</font></a></tr>
</table></center></div>
<div id="d"><font size="+1"><table width="1000px"  height="240px"border="0">
  <tr>
    <td><font color="#00FF00" size="+1"><b>发现你喜欢</b></font></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><a href="http://www.baidu.com"><font color="#0099FF">体育</font></a></td>
    <td><a href="http://www.baidu.com">体育周报</a></td>
    <td><a href="http://www.baidu.com">21CN体育</a></td>
    <td><a href="http://www.baidu.com">网易体育</a></td>
     <td><a href="http://www.baidu.com">PPTV体育</a></td>
    <td><a href="http://www.baidu.com">体育之家</a></td>
    <td><a href="http://www.baidu.com">TOM体育</a></td>
    <td><a href="http://www.baidu.com"><font size="-1" color="#999999">换一换</font></a></td>
  </tr>
   <tr>
    <td><a href="http://www.baidu.com"><font color="#0099FF">科技</font></a></td>
    <td><a href="http://www.baidu.com">卡饭论坛</a></td>
    <td><a href="http://www.baidu.com">虎嗅网</a></td>
    <td><a href="http://www.baidu.com">安卓网</a></td>
     <td><a href="http://www.baidu.com">手机测评</a></td>
    <td><a href="http://www.baidu.com">cnBeta资讯</a></td>
    <td><a href="http://www.baidu.com">CSDN社区</a></td>
   <td><a href="http://www.baidu.com"><font size="-1" color="#999999">换一换</font></a></td>
  </tr>
   <tr>
    <td><a href="http://www.baidu.com"><font color="#0099FF">影视</font></a></td>
    <td><a href="http://www.baidu.com">低价电影票</a></td>
    <td><a href="http://www.baidu.com">奔跑吧兄弟3</a></td>
    <td><a href="http://www.baidu.com">芈月传</a></td>
     <td><a href="http://www.baidu.com">热门综艺</a></td>
    <td><a href="http://www.baidu.com">猛料资讯</a></td>
    <td><a href="http://www.baidu.com">卫视热播</a></td>
    <td><a href="http://www.baidu.com"><font size="-1" color="#999999">换一换</font></a></td>
  </tr>
   <tr>
    <td><a href="http://www.baidu.com"><font color="#0099FF">工作</font></a></td>
    <td><a href="http://www.baidu.com">前程无忧网</a></td>
    <td><a href="http://www.baidu.com">猎聘网高薪</a></td>
    <td><a href="http://www.baidu.com">应届生找工作</a></td>
     <td><a href="http://www.baidu.com">文员招聘信息</a></td>
    <td><a href="http://www.baidu.com">百强名企急聘</a></td>
    <td><a href="http://www.baidu.com">智联招聘</a></td>
   <td><a href="http://www.baidu.com"><font size="-1" color="#999999">换一换</font></a></td>
  </tr>
   <tr>
    <td><a href="http://www.baidu.com"><font color="#0099FF">房产</font></a></td>
    <td><a href="http://www.baidu.com">家具厂家直供</a></td>
    <td><a href="http://www.baidu.com">买天津新房</a></td>
    <td><a href="http://www.baidu.com">房产网</a></td>
     <td><a href="http://www.baidu.com">免费量房设计</a></td>
    <td><a href="http://www.baidu.com">低价二手房</a></td>
    <td><a href="http://www.baidu.com">宜家家居</a></td>
    <td><a href="http://www.baidu.com"><font size="-1" color="#999999">换一换</font></a></td>
  </tr>
   <tr>
    <td><a href="http://www.baidu.com"><font color="#0099FF">影视</font></a></td>
    <td><a href="http://www.baidu.com">低价电影票</a></td>
    <td><a href="http://www.baidu.com">奔跑吧兄弟3</a></td>
    <td><a href="http://www.baidu.com">芈月传</a></td>
     <td><a href="http://www.baidu.com">热门综艺</a></td>
    <td><a href="http://www.baidu.com">猛料资讯</a></td>
    <td><a href="http://www.baidu.com">卫视热播</a></td>
    <td><a href="http://www.baidu.com"><font size="-1" color="#999999">换一换</font></a></td>
  </tr>
  
</table></font>
</div>
<div id="e"><table height="180" width="300" border="0">
  <tr>
    <td><a href="http://www.baidu.com">猜你爱看</a></td>
    <td><a href="http://www.baidu.com">&nbsp;</a></td>
    <td><a href="http://www.baidu.com">&nbsp;</a></td>
    <td><a href="http://www.baidu.com">换一下</a></td>
  </tr>
  <tr>
    <td><a href="http://www.baidu.com">头条</a></td>
    <td><a href="http://www.baidu.com">八卦</a></td>
    <td><a href="http://www.baidu.com">正能量</a></td>
    <td><a href="http://www.baidu.com">军事</a></td>
 </tr>
  <tr>
    <td colspan="4"><a href="http://www.baidu.com"><img src="QQ截图20151224215329.jpg" width="290" height="90" /></a></td>
  
  </tr>   
</table></div>
</body>
</html>

技术分享

360首页(练习)

标签:

原文地址:http://www.cnblogs.com/shark1100913/p/5075373.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!