360首页（练习）

<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>

时间： 2024-10-08 10:13:48

360首页（练习）的相关文章

自制仿360首页支持拼音输入全模糊搜索和自动换肤

360首页搜索效果如下 1.完成编写的schoolnet校园网主要目录结构如下 主要实现支持中文.拼音首字母.拼音全字母的智能搜索和换肤 页面效果如下 主要核心代码如下 1.head.jsp <%@page import="java.io.File"%> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@

jQuery Mobile仿360首页，jQuery Mobile网格布局,jQuery Mobile网址大全,HTML5仿360首页

随着移动互联网的兴起,越来越多的人使用手机上网.打开uc浏览器.我们能够看到uc的主页.或者360的主页.或者百度的主页. 这些页面都是html5做的.看起来非常难.事实上一点也不难.网上有非常多介绍html5的文章,我这里就不解释了.对于程序猿来说.看代码还是最实在的. 代码支持电脑和手机,pad等终端设备. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <h

练习CSS仿360杀毒首页

只写了个头部,主要是练手,一些细节没有管. 360首页: 仿写的: 代码: <!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&

模仿360安全换机

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>360安全换机</title> <style type="text/css"> *{ margin: 0; padding: 0; } li{ list-style: none; } a{ text-decoration: none; } html{ height

Python爬取CSDN博客文章

之前解析出问题,刚刚看到,这次仔细审查了 0 url :http://blog.csdn.net/youyou1543724847/article/details/52818339Redis一点基础的东西目录 1.基础底层数据结构 2.windows下环境搭建 3.java里连接redis数据库 4.关于认证 5.redis高级功能总结1.基础底层数据结构1.1.简单动态字符串SDS定义: ...47分钟前1 url :http://blog.csdn.net/youyou1543724847/

安卓市场--首页2

在<首页1>这篇文章中,我们讲述了在首页中加入一个自定义的广告栏,下面我们将继续完成首页内容的添加. 在我们在想法中就是在广告栏下面是一个ListView用于显示比较新的或者是下载量比较高的app.下面我们就来做这一项工作. 1:首先,我们需要在activity_home.xml文件中添加如一个ListView作为显示列表.该ListView的布局就是在广告栏的下面即可. 我们来看一下代码: <RelativeLayout android:id="@+id/rl_apps&qu

网上展厅 数字化网上展厅 360全景新应用

360全景制作通过把一组照片无缝拼接合成专业360全景拍摄,360全景视频采用技术制作成可以用鼠标随意上下左右前后拖动观看3D效果,如身临其境般感觉. 360全景漫游可直接上传到您现有的网站空间内,在网站首页添加链接即可访问到三维全景漫游的整个项目文件,无需设置.网络版采用Flash+HTML的方案,浏览者的电脑无需安装任何插件即可播放,加载速度快,大概2~5秒中即可展示一个场景. 360全景展览展示设计可分为三大块:1.临时展示 2.长期展示 3.多媒体展览展示(通过传统装饰设计作为载体,再配

Android商城开发系列（十三）—— 首页热卖商品布局实现

热卖商品布局效果如下图: 这个布局跟我们上节做的推荐是一样的,也是用LinearLayout和GridView去实现的,新建一个hot_item.xml,代码如下所示: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 android:ori

模仿东京首页banner轮播，京东新闻上下滚动动画实现（动画实现）

接着上篇 微信小程序-阅读小程序demo写:http://www.cnblogs.com/muyixiaoguang/p/5917986.html 首页banner动画实现 京东新闻上下动画实现 想着模仿京东首页呢,结果也没赶得及写完,轮播图让我搞了好长时间.也好,那就国庆8天好好的写一下,这里写了一半,先放着.先介绍一下这一半的内容.       还是老规矩,先放个图吧,虽然才一点点了 上线的banner大图和京东头条都是可以滚动的,抄写微信小程序社区官方qq群:390289365里 Nige