HTML作业-潮流服装网页
生活随笔
收集整理的這篇文章主要介紹了
HTML作业-潮流服装网页
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?HTML期末作業-潮流服裝衣服網頁，HTML+css+JavaScript,有視頻注冊登錄頁面!
部分網頁截圖?
<!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>當前瀏覽器不支持 video直接播放，點擊這里下載視頻： <a href="myvideo.webm">下載視頻</a></video></div><div class="heal-right"><h1>PEACEMINUSINE x Nike Air Force1 Low</h1><p>雛菊的花語是和平、希望、純潔的美自己藏在心底的愛，而他將雛菊用在自己品牌上應該也是希望自己擁有單純美好的內心。大家都記得他的個人品牌叫做“peace minus one”，意思是“和平減一”，可以說是他對于世界的理解，和平美好但卻不是完美的。為了符合他品牌的寓意，所以他的雛菊也少了一半，他應該是將雛菊當作自己的內心世界，表達了自己對世界的看法。除此之外，品牌的logo也很有特點，拆開就是G、D兩個字母，也可以看做是鐘表指在“8”的樣子，其實數字“8”也對權志龍有特殊含義。</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>當前瀏覽器不支持 video直接播放，點擊這里下載視頻： <a href="myvideo.webm">下載視頻</a></video></div><div class="heal-right"><h1>drew house </h1><p>"Drew House"是一個你可以盡情做自己的地方。嘰里呱啦吧啦吧啦，穿得隨性隨心。放松心態。Bye!果然很符合現在年輕人的心態：做自己就行，穿得舒適就好。 整體靈感來源是輪滑文化。品牌LOGO就是一個調皮的笑臉，把經典的Worcester Smiley靈機一動改成了笑臉+自己中間名字Drew的標志。</p><strong>了解更多</strong></div></div><nav><h3>時尚達人</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網站開發——2019</p></footer><script src="js/nav.js" type="text/javascript"></script></body> </html>部分網頁截圖?
?
總結
以上是生活随笔為你收集整理的HTML作业-潮流服装网页的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 汇编基础(二)
- 下一篇： 表格为一条细线的html代码,html制