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

HTML

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

發布時間：2024/4/17 HTML 40 豆豆

生活随笔收集整理的這篇文章主要介紹了入门级前端简单的网页书写小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?	<!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 支付宝即时到账
下一篇：浏览器常见bug及解决办法

日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

HTML

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

總結

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