新手学习前端之射流研究…模仿淘宝主页网站

先给大家展示下效果图：

图片资源链接：http://pan.baidu.com/s/1jHAdLNg密码：5uo1

超文本标记语言代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title link rel='样式表href=' CSS/base。' CSS ' style=' text/CSS '/style/head body div class=' header ' div class=' w ' div class=' top _ left ' div class=' top _ left _ 1 ' a href=' # class=' top _ left _ 1 _ a '淘宝/a span class=' top _ left _ 1 _ span '/span/div div class=' top _ left _ 2 ' a href=' # ' class=' top _ left _ 2 _ a '消息/a span class=' top _ left _ 2 _ span '/span/div class=' top _ left _ 3 ' a href=' # class=' top _ left _ 3 _ a '手机淘宝/a a href=' # ' img src=' http : img/qqq。 gif ' alt='逛周末淘宝/a/div/div class=' top _ right ' div class=' top _ right _ 1 ' a href=' # ' class=' top _ right _ 1 _ a '我的淘宝/a span class=' top _ right _ 1 _ span '/span/div class=' top _ right _ 2 ' a href=' # class=' top _ right _ 2 _ a '购物车/a span class=' top _ right _ 2 _ span '/span/div class=' top _ right _ 3 ' a href=' # ' class=' top _ right _ 3 _ a '收藏夹/a span class=' top _ right _ 3 _ span '/span/div class=' top _ right _ 4 ' a href=' class=' top _ right _ 4 _ a '商品分类/a span class=' top _ right _ 4 _ span ' |/span/div class=' top _ right _ 5 ' a href=' # ' class=' top _ right _ 5 _ a '卖家中心/a span class='右上角_ 5 _ span '/span/div div class='右上角_ 6 ' a href=' # class=' top _ right _ 6 _ a '联系客服/a span class=' top _ right _ 6 _ span '/span/div div class=' top _ right _ 7 ' a href=' # ' class=' top _ right _ 7 _ a '网站导航/a span class=' top _ right _ 7 _ span '/span/div/div class=' head _ main ' div class=' w ' div class=' head _ main _ img ' a href=' # ' img src=' http : img/logo。 gif ' alt='徽标图片/a/div class=' head _ main _ search ' div class=' head _ main _ search _ box ' div class=' head _ main _ search _ box _ left ' a href=' # class=' top _ left _ 1 _ a '宝贝/a span class=' top _ left _ 1 _ span '/span/div输入类型=' search ' class=' head _ main _ search _ box _ input '输入类型=' button ' class=' head _ main _ search _ box _ button ' value='搜索/div class=' head _ main _ search _ a ' a href=' # class=' head _ main _ search _ a '高级搜索/a/div div class=' head _ main _ search _ down ' a href=' # '女士凉鞋/a a href='# '男士T恤/a a href='