HTML作业-潮流服装网页
生活随笔
收集整理的這篇文章主要介紹了
HTML作业-潮流服装网页
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
?HTML期末作業(yè)-潮流服裝衣服網(wǎng)頁，HTML+css+JavaScript,有視頻注冊登錄頁面!
部分網(wǎng)頁截圖?
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="css/style.css"/><link rel="stylesheet" type="text/css" href="css/heal.css"/></head><body><div class="nav"><ul class="uu-nav"><li class="logo">潮流style</li><li class="nav-lists"><a href="index.html">首頁</a> </li><li class="nav-lists"><a href="health.html">潮流品牌</a> </li><li class="nav-lists"><a href="master.html">時尚男裝</a> </li><li class="nav-lists"><a href="caipu.html">時尚女裝</a> </li><li class="nav-lists"><a href="login.html">登錄</a> </li><li class="ico">三</li></ul><ul class="uu-lists"><li><a href="index.html">首頁</a> </li><li><a href="health.html">潮流品牌</a> </li><li><a href="master.html">時尚男裝</a> </li><li><a href="caipu.html">時尚女裝</a> </li><li><a href="login.html">登錄</a> </li></ul></div><div class="bananer"><img src="img/22.jpg"/></div><nav><h3>近日新潮</h3></nav><div class="heal min-width" style="height: 720px;">.<div class="heal-left"><video width="480" height="" controls="controls" loop="loop"><source src="http://lzit.hk.besn.net/MP4/1.mp4" type="video/mp4"></source><source src="myvideo.ogv" type="video/ogg"></source><source src="myvideo.webm" type="video/webm"></source><object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf"><param name="movie" value="myvideo.swf" /><param name="flashvars" value="autostart=true&file=myvideo.swf" /></object>當(dāng)前瀏覽器不支持 video直接播放，點擊這里下載視頻： <a href="myvideo.webm">下載視頻</a></video></div><div class="heal-right"><h1>PEACEMINUSINE x Nike Air Force1 Low</h1><p>雛菊的花語是和平、希望、純潔的美自己藏在心底的愛，而他將雛菊用在自己品牌上應(yīng)該也是希望自己擁有單純美好的內(nèi)心。大家都記得他的個人品牌叫做“peace minus one”，意思是“和平減一”，可以說是他對于世界的理解，和平美好但卻不是完美的。為了符合他品牌的寓意，所以他的雛菊也少了一半，他應(yīng)該是將雛菊當(dāng)作自己的內(nèi)心世界，表達(dá)了自己對世界的看法。除此之外，品牌的logo也很有特點，拆開就是G、D兩個字母，也可以看做是鐘表指在“8”的樣子，其實數(shù)字“8”也對權(quán)志龍有特殊含義。</p><strong>了解更多</strong></div><div class="heal-left"><video width="480" height="" controls="controls" loop="loop"><source src="http://lzit.hk.besn.net/MP4/2.mp4" type="video/mp4"></source><source src="myvideo.ogv" type="video/ogg"></source><source src="myvideo.webm" type="video/webm"></source><object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf"><param name="movie" value="myvideo.swf" /><param name="flashvars" value="autostart=true&file=myvideo.swf" /></object>當(dāng)前瀏覽器不支持 video直接播放，點擊這里下載視頻： <a href="myvideo.webm">下載視頻</a></video></div><div class="heal-right"><h1>drew house </h1><p>"Drew House"是一個你可以盡情做自己的地方。嘰里呱啦吧啦吧啦，穿得隨性隨心。放松心態(tài)。Bye!果然很符合現(xiàn)在年輕人的心態(tài)：做自己就行，穿得舒適就好。 整體靈感來源是輪滑文化。品牌LOGO就是一個調(diào)皮的笑臉，把經(jīng)典的Worcester Smiley靈機(jī)一動改成了笑臉+自己中間名字Drew的標(biāo)志。</p><strong>了解更多</strong></div></div><nav><h3>時尚達(dá)人</h3> </nav> <div class="master min-width">.<ul><li><img src="img/oy/1.jpeg"/></li><li><img src="img/oy/2.jpeg"/></li><li><img src="img/oy/3.jpeg"/></li><li><img src="img/oy/4.jpeg"/></li><li><img src="img/oy/5.jpeg"/></li><li><img src="img/oy/6.jpeg"/></li><li><img src="img/oy/7.jpeg"/></li><li><img src="img/oy/8.jpeg"/></li><li><img src="img/oy/9.jpeg"/></li></ul></div><footer><p>友情鏈接 <a href="https://www.aape.net.cn/">AAPE</a> | <a href="https://bape.com/index/">bape</a> | <a href="https://noahny.com/">noah</a> | <a href="https://us.cdgcdgcdg.com/">CDG</a> </p><p>潮流style網(wǎng)站開發(fā)——2019</p></footer><script src="js/nav.js" type="text/javascript"></script></body> </html>部分網(wǎng)頁截圖?
?
總結(jié)
以上是生活随笔為你收集整理的HTML作业-潮流服装网页的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 汇编基础(二)
- 下一篇： HTML期末大作业-小米商城