码迷,mamicode.com
首页 > Web开发 > 详细

网站的编写

时间:2018-07-02 00:14:16      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:lin   创建   游戏   申请   它的   关于   index   cap   上架   

  <!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>
  &copy2005-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>

网站的编写

标签:lin   创建   游戏   申请   它的   关于   index   cap   上架   

原文地址:https://www.cnblogs.com/qlongbg/p/9251722.html

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