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>
部分网页截图