日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

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

發布時間:2024/4/17 HTML 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 入门级前端 简单的网页书写 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?<!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

總結

以上是生活随笔為你收集整理的入门级前端 简单的网页书写的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。