入门级前端 简单的网页书写
生活随笔
收集整理的這篇文章主要介紹了
入门级前端 简单的网页书写
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
| ? | <!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> |
轉載于:https://www.cnblogs.com/zhangxueyuboke/p/5880219.html
總結
以上是生活随笔為你收集整理的入门级前端 简单的网页书写的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ThinkPHP 3.2 支付宝即时到账
- 下一篇: 2017年html5行业报告,云适配发布