<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>仿搜狐首页</title>
<link rel="stylesheet" type="text/css" href="b.css">
</head>
<body>
<!--head-->
<div class="headtop">
<div class="head1"></div>
<div class="head2">
<div class="head2_a">
<a href="#" target="_blank">
<img src="logo.jpg" alt="我的搜狐"/>
</a>
</div>
<div class="head2_b">
<form action="/example/html/form_action.asp" method="get">
<select name="其他账号登录：" style="border:1px solid #B5CBDC">
<option value="腾讯QQ">腾讯QQ</option>
<option value="新浪">新浪</option>
<option value="人人网">人人网</option>
</select>
<input type="number" name="number" style="border:1px solid #B5CBDC;width:114px"/>
<input type="password" name="password" style="border:1px solid #B5CBDC;width:84px"/>
<input type="submit" value="登录"/>
<a href="#">注册</a>
</form>
</div>
<div class="head2_c"><a href="#">邮箱</a></div>
<div class="head2_d"><a href="#">相册</a></div>
<div class="head2_e"><a href="#">说两句</a></div>
<div class="head2_f"><a href="#">
<img src="img2.jpg" alt="手机看新闻"/>
</a>
</div>
<div class="head3"></div>
</div>
<div class="border1">
<!--导航栏-->
<div class="bordera">
<div class="bd1"><img src="img3.jpg" alt="搜狐-中国最大的门户网站"/></div>
<div class="bd2">
<div class="nav1">
<ul>
<li><a href="#"><font id="red">搜狗</font></a></li>
<li><a href="#">输入法</a></li>
<li><a href="#">浏览器</a></li>
<li><a href="#">地图</a></li>
<li><a href="#">邮件</a></li>
<li><a href="#">博客</a></li>
<li><a href="#">社区</a></li>
<li><a href="#">我说两句</a></li>
<li><a href="#"><font id="red">微门户</font></a></li>
<li><a href="#">大视野</a></li>
<li><a href="#"><font id="red">视频</font></a></li>
<li><a href="#">游戏</a></li>
<li><a href="#"><font id="red">新天龙</font></a></li>
<li><a href="#">星际战甲</a></li>
<li><a href="#">手机搜狐</a></li>
<li><a href="#">手机游戏</a></li>
<li><a href="#">e购房</a></li>
</ul>
</div>
<div class="nav2">
<ul>
<li><a href="#"><font id="red">新闻</font></a></li>
<li><a href="#">军事</a></li>
<li><a href="#">文化</a></li>
<li><a href="#"><font id="red">历史</font></a></li>
<li><a href="#">读书</a></li>
<li><a href="#">评论</a></li>
<li><a href="#">体育</a></li>
<li><a href="#"><font id="red">NBA</font></a></li>
<li><a href="#">CBA</a></li>
<li><a href="#">中超</a></li>
<li><a href="#"><font id="red">高尔夫</font></a></li>
<li><a href="#">财经</a></li>
<li><a href="#">理财</a></li>
<li><a href="#">股票</a></li>
<li><a href="#">基金</a></li>
<li><a href="#">科技</a></li>
<li><a href="#">数码</a></li>
<li><a href="#">手机</a></li>
<li><a href="#"><font id="red">创客</font></a></li>
<li><a href="#">汽车</a></li>
<li><a href="#">二手车</a></li>
</ul>
</div>
<div class="nav3">
<ul>
<li><a href="#"><font id="red">时尚</font></a></li>
<li><a href="#">健康</a></li>
<li><a href="#">旅游</a></li>
<li><a href="#">教育</a></li>
<li><a href="#">出国</a></li>
<li><a href="#"><font id="red">高考</font></a></li>
<li><a href="#">母婴</a></li>
<li><a href="#">美食</a></li>
<li><a href="#">星座</a></li>
<li><a href="#">公益</a></li>
<li><a href="#">播客</a></li>
<li><a href="#"><font id="red">娱乐</font></a></li>
<li><a href="#">美剧</a></li>
<li><a href="#">音乐</a></li>
<li><a href="#">应用</a></li>
<li><a href="#">房产</a></li>
<li><a href="#">二手房</a></li>
<li><a href="#">家居</a></li>
<li><a href="#">彩票</a></li>
<li><a href="#">城市</a></li>
</ul>
</div>
</div>
</div>
<!--栏目区-->
<div class="borderb">
<!--左边的块-->
<div class="b1">
<div class="b1_a">
<p><a href="#">海外院校招生面试会</a></p>
<p><a href="#">儿童思维训练之基础篇</a></p>
<p><a href="#">儿童训练之提高篇</a></p>
<p><a href="#">搜狐媒体平台入住直达</a></p>
<p><a href="#">搜狐媒体平台官方账号</a></p>
<p><a href="#">搜狐自媒体微讲堂开讲</a></p>
</div>
<div class="b1_b">
<div class="L">
<ul>
<li><a href="#">教育</a></li>
<li><a href="#">出国</a></li>
</ul>
</div>
<div class="R">
<p><a href="#">书馆里的教育密码</a></p>
<p><a href="#">如何成为一个学霸</a></p>
<p><a href="#">中国独立学院排行</a></p>
<p><a href="#">教育改革应立法！</a></p>
</div>
</div>
</div>
<!--第二块区域的三块-->
<div class="b2">
<div class="bda">
<ul>
<li><a href="#">手机游戏免费下！</a></li>
<li><a href="#">手机客户端下载</a></li>
<li><a href="#">植物大战僵尸王！</a></li>
<li><a href="#">泡泡龙（星球版）</a></li>
</ul>
<ul>
<li><a href="#">雷电战机之星战版</a></li>
<li><a href="#">滑雪大冒险西游版</a></li>
<li><a href="#">地下城勇士神枪手</a></li>
<li><a href="#">搜狐手游权威媒体</a></li>
</ul>
</div>
<div class="bdb">
<a href="#"><img src="img4.jpg" alt="img4"/></a>
</div>
<div class="bdc">
<ul>
<li><a href="#">手机游戏免费下！</a></li>
<li><a href="#">手机客户端下载</a></li>
<li><a href="#">植物大战僵尸王！</a></li>
<li><a href="#">泡泡龙（星球版）</a></li>
</ul>
<ul>
<li><a href="#">雷电战机之星战版</a></li>
<li><a href="#">滑雪大冒险西游版</a></li>
<li><a href="#">地下城勇士神枪手</a></li>
<li><a href="#">搜狐手游权威媒体</a></li>
</ul>
</div>
</div>
<!--第三块区域-->
<div class="b3">
<div class="b3_a">
<ul>
<li><a href="#">热销</a></li>
<li><a href="#">新盘</a></li>
<li><a href="#">家装</a></li>
<li><a href="#">二手房</a></li>
</ul>
</div>
<div class="b3_b">
<p><a href="#">专家看房团火热报名中</a></p>
<p><a href="#">盘点武汉的女神级楼盘</a></p>
<p><a href="#">炸了!9月280盘狂降</a></p>
<p><a href="#">51个小鲜肉攻占9月</a></p>
<p><a href="#">武汉最全楼盘信息汇总</a></p>
<p><a href="#">武昌所有楼盘折扣汇总</a></p>
<p><a href="#">汉口所有楼盘折扣汇总</a></p>
<p><a href="#">汉阳所有楼盘折扣汇总</a></p>
<p><a href="#">2015武汉最新拆迁规划</a></p>
<p><a href="#">5号线来这些房要升值</a></p>
</div>
</div>
<!--最后一块区域-->
<div class="b4">
<a href="#"><img src="img5.jpg" alt="img5"/></a>
</div>
</div>
</div>
</body>
</html>
