入门级前端 简单的网页书写

  <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>萧瑟秋风皆不是</title>
  <link rel="stylesheet" href="../css/qiufen.css">
  </head>
  <body>
  <!--首项页头-->
  <div class="yemian">
  <div class="kuangjia">
  <div class="qw">
  <div class="qe"> <img src="../img/01_0015_aventador.png" alt=""></div>
  <P class="xz">Follow us on <span style="color: aqua">Twitter,Facebook</span> and <span style="color: aqua">Dribble</span></P>
  <nav>
  <ul>
  <li><span style="color: aqua">HOME</span></li>
  <li>PORTFOLIO</li>
  <li>STORE</li>
  <li>ABOUTME</li>
  <li>CONTACT</li>
  </ul>
  <img src="../img/01_0023_Av.png" alt="" class="xiaotubiao">
  </nav>
  </div>
  <!--此项页身-->
  <div>
  <div class="qr">
  <div>
  <img src="../img/01_0022_arrow-right.png" alt=""class="jt">
  <img src="../img/01_0021_arrow-left.png" alt=""class="jt2">
  </div>
  <div class="qa">
  <p class="p2">You can Link slides to ar any url Nice</p>
  </div>
  </div>
  <!--小圆点-->
  <div class="yd">
  <img src="../img/01_0000_dot-1.png" alt="">
  <img src="../img/01_0001_dot-2.png" alt="">
  <img src="../img/01_0002_dot-3.png" alt="">
  <img src="../img/01_0003_dot-4.png" alt="">
  </div>
  </div>
  <!--蓝色条部分-->
  <div class="lt">
  <!--文字背景-->
  <div class="wb">
  <h3 style="color: aqua">MY RECENT WORK</h3>
  </div>
  </div>
  <!--四个图框-->
  <div class="dk">
  <div class="wq">
  <img src="../img/01_0005_proj-1.png" alt="">
  <div class="k1">sd sds sdsd sds</div>
  </div>
  <div class="we">
  <img src="../img/01_0017_proj-2.png" alt="">
  <div class="k1">sda asdwas sdasd </div>
  </div>
  <div class="wr">
  <img src="../img/01_0019_proj-3.png" alt="">
  <div class="k1">asd sad asda sad </div>
  </div>
  <div class="wt">
  <img src="../img/01_0018_proj-4.png" alt="">
  <div class="k1">asd sdasd sda asd </div>
  </div>
  </div>
  <div>
  <!--下划线-->
  <hr style="color: aqua">
  </div>
  <!--广告-->
  <div>
  <div class="ggk">
  <img src="../img/01_0000_dribbble.png" alt="" class="tq">
  <img src="../img/01_0002_smashing.png" alt="" class="tw">
  <img src="../img/01_0001_android.png" alt="" class="te">
  <img src="../img/01_0003_google.png" alt="" class="tr">
  <img src="../img/01_0004_the-washington-post.png" alt="" class="ty">
  </div>
  </div>
   
  </div>
  <!--页尾-->
  <div class="yw">
  <div class="ka">
  <img src="../img/01_0015_aventador.png" alt="" class="mz">
  <p class="zx">asda asdasd asd </p>
  </div>
  <div class="kb">
  <h2>About Aventador</h2>
  <p class="zc">asdasd asdasdas dasd asdasdasd asd
  asdasd asd asd asd asdasdasdadasdasdasd asdasdasdasda
  asdasdasda asdasdasdasda asd asd <span style="color: aqua">asd asd asdas</span>
  </p>
   
  </div>
  <div class="kc">
  <h2>Via Twitter</h2>
  <p class="zc">asdasdas asdasdas dasdasdawdssdf asd vsd</p>
  </div>
  <div class="yj">
  <p class="zv">asd dasdasda dasdasdas sadasd </p>
  <p class="zb">asd asd dewr rter wett qweqrrer qwe</p>
  </div>
  <div class="xj">
  <div class="bn">
  <img src="../img/01_0006_normal.png\" alt="">
  <img src="../img/01_0007_normal.png" alt="">
  <img src="../img/01_0008_n.png" alt="">
  <img src="../img/01_0010_n.png" alt="">
  <img src="../img/01_0012_n.png" alt="">
  <img src="../img/01_0009_n.png" alt="">
  <img src="../img/01_0011_n.png" alt="">
  <img src="../img/01_0013_n.png" alt="">
  <img src="../img/01_0014_n.png" alt="">
  </div>
  </div>
  <!--邮箱脚-->
  <div class="yk">
  <p class="yxz">www.7845545421@qq.com</p>
  </div>
  </div>
  </div>
  </body>
  </html>
posted @ 2016-09-18 01:20  死亡之风  阅读(279)  评论(0)    收藏  举报