| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>豆瓣</title> | |
| <link rel="stylesheet" href="../css/reset.css"> | |
| <link rel="stylesheet" href="../css/douban.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <nav> | |
| <ul> | |
| <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="#">FM</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> | |
| </ul> | |
| </nav> | |
| </header> | |
| <aside> | |
| <ul> | |
| <li><a href="#"><img src="../images/lg_main_a11_1.png" ></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> | |
| <i></i> | |
| <div>输入你感兴趣的内容和人</div> | |
| </li> | |
| </ul> | |
| </aside> | |
| <main> | |
| <article> | |
| <ul> | |
| <li><a href=""><i></i>说句话</a></li> | |
| <li><a href=""><i></i>发照片</a></li> | |
| <li><a href=""><i></i>推荐网页</a></li> | |
| <li><a href=""><i></i>写日记</a></li> | |
| <li><a href=""><i></i>发布东西</a></li> | |
| <li><a href=""><i></i>首页设置</a></li> | |
| </ul> | |
| <div> | |
| <p>分享生活点滴...<i></i><span></span></p> | |
| </div> | |
| <section> | |
| <div> | |
| <img src="../images/u3430152-98.jpg" > | |
| </div> | |
| <div> | |
| <div>Violet的日记</div> | |
| <div> | |
| <div> | |
| <h1><a href="#">怪力八面体-胡夫金字塔</a></h1> | |
| <p>前几天看到有人在广播发了这个，搜了一下似乎也没有人针对这个写过文，我就斗胆先写一个吧，因为觉得这个事情很好玩</p> | |
| <div class="like"><i></i>喜欢</div> | |
| </div> | |
| <img src="../images/p35801459.jpg" > | |
| </div> | |
| <div>1小时前，来自热门精选</div> | |
| </div> | |
| </section> | |
| <section> | |
| <div> | |
| <img src="../images/u3430152-98.jpg" > | |
| </div> | |
| <div> | |
| <div>李青菜的日记</div> | |
| <div> | |
| <div> | |
| <h1><a href="#">黄秀兰的春天</a></h1> | |
| <p> | |
| 坐好，听我说，无论你多爱小动物都不要给流浪猫取名字。一旦取了名字 | |
| 它就是你的，你就是它的，一切都不一样了。 | |
| </p> | |
| <div class="like"><i></i>喜欢</div> | |
| </div> | |
| <img src="../images/p35801459.jpg" > | |
| </div> | |
| <div>今天上午，来自热门精选</div> | |
| </div> | |
| </section> | |
| <section> | |
| <div> | |
| <img src="../images/u3430152-98.jpg" > | |
| </div> | |
| <div> | |
| <div>Violet的日记</div> | |
| <div> | |
| <div> | |
| <h1><a href="#">怪力八面体-胡夫金字塔</a></h1> | |
| <p>前几天看到有人在广播发了这个，搜了一下似乎也没有人针对这个写过文，我就斗胆先写一个吧，因为觉得这个事情很好玩</p> | |
| <div class="like"><i></i>喜欢</div> | |
| </div> | |
| <img src="../images/p35801459.jpg" > | |
| </div> | |
| <div>1小时前，来自热门精选</div> | |
| </div> | |
| </section> | |
| <section> | |
| <div> | |
| <img src="../images/u3430152-98.jpg" > | |
| </div> | |
| <div> | |
| <div>李青菜的日记</div> | |
| <div> | |
| <div> | |
| <h1><a href="#">黄秀兰的春天</a></h1> | |
| <p> | |
| 坐好，听我说，无论你多爱小动物都不要给流浪猫取名字。一旦取了名字 | |
| 它就是你的，你就是它的，一切都不一样了。 | |
| </p> | |
| <div class="like"><i></i>喜欢</div> | |
| </div> | |
| <img src="../images/p35801459.jpg" > | |
| </div> | |
| <div>今天上午，来自热门精选</div> | |
| </div> | |
| </section> | |
| <section> | |
| <div> | |
| <img src="../images/u3430152-98.jpg" > | |
| </div> | |
| <div> | |
| <div>Violet的日记</div> | |
| <div> | |
| <div> | |
| <h1><a href="#">怪力八面体-胡夫金字塔</a></h1> | |
| <p>前几天看到有人在广播发了这个，搜了一下似乎也没有人针对这个写过文，我就斗胆先写一个吧，因为觉得这个事情很好玩</p> | |
| <div class="like"><i></i>喜欢</div> | |
| </div> | |
| <img src="../images/p35801459.jpg" > | |
| </div> | |
| <div>1小时前，来自热门精选</div> | |
| </div> | |
| </section> | |
| <footer> | |
| <ul> | |
| <li><a href="">前页</a></li> | |
| <li><a href="">1</a></li> | |
| <li><a href="">2</a></li> | |
| <li><a href="">3</a></li> | |
| <li><a href="">4</a></li> | |
| <li><a href="">5</a></li> | |
| <li><a href="">6</a></li> | |
| <li><a href="">7</a></li> | |
| <li><a href="">8</a></li> | |
| <li><a href="">9</a></li> | |
| <li><a href="">...</a></li> | |
| <li><a href="">后页</a></li> | |
| </ul> | |
| </footer> | |
| </article> | |
| <aside> | |
| <div> | |
| <h1>豆瓣正在发生......</h1> | |
| <p>哈利波特第八部全球同步上架</p> | |
| <p>China joy优秀游戏鉴赏</p> | |
| </div> | |
| <img src="../images/46280292e8633c4.jpg" /> | |
| <p><a href="">申请创建小站</a></p> | |
| <img src="../images/index_douban_ad_4.png" /> | |
| <div class="active"> | |
| <div> | |
| <h1>热门活动......</h1> | |
| <h2>给我看看你们美好的工作台吧</h2> | |
| <p>时间：6月27日-8月26日</p> | |
| <p>参加：266人参加</p> | |
| <p><a href="#">更多线上活动</a></p> | |
| </div> | |
| <img src="../images/o702700.jpg" /> | |
| </div> | |
| <div class="picture"> | |
| <h1>豆瓣一拍一......</h1> | |
| <figure> | |
| <img src="../images/p35801459.jpg" /> | |
| <figcaption> | |
| <h2><a href="#">很高兴见到你</a></h2> | |
| <p>城市：厦门</p> | |
| <p>价格：2400</p> | |
| </figcaption> | |
| </figure> | |
| <figure> | |
| <img src="../images/p35801459.jpg" /> | |
| <figcaption> | |
| <h2><a href="#">微套系|至真系列</a></h2> | |
| <p>城市：北京</p> | |
| <p>价格：1480</p> | |
| </figcaption> | |
| </figure> | |
| </div> | |
| <h2><a href="#">已开放12个城市</a></h2> | |
| <img src="../images/1e645caf4e73682.jpg" /> | |
| </aside> | |
| <footer> | |
| <p> | |
| ©2005-2016douban.com,all rights reserved 北京豆网科技有限公司 | |
| </p> | |
| <ul> | |
| <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> | |
| </footer> | |
| </main> | |
| </body> | |
| </html> |
原文：https://www.cnblogs.com/qlongbg/p/9251722.html