HTML期末作业-香水网站

最新推荐文章于 2025-04-19 21:27:07 发布

IT--精英联盟

最新推荐文章于 2025-04-19 21:27:07 发布

阅读量3.2k

点赞数 11

分类专栏：大学HTML+CSS+JavaScript期末作业文章标签： javascript css html css3

本文链接：https://blog.csdn.net/qq_41101110/article/details/117946195

版权

大学HTML+CSS+JavaScript期末作业专栏收录该内容

43 篇文章

订阅专栏

这是一个HTML期末作业，创建了一个展示知名香水品牌的网站。页面包含导航菜单、品牌介绍和友链，用户可以浏览CHANEL、DIOR、GIVENCHY等品牌的香水信息，并通过‘了解更多’链接获取详细内容。页面底部还展示了作者信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML期末作业课程设计-香水网站

5个网页包括登录注册

部分源码


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Parfumare | famous</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/caipu.css"/>
	</head>
	<body>
		<div class="nav">
			<ul class="uu-nav">
				<li class="logo">Parfum </li>
				<li class="nav-lists"><a href="index.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="health.html">香水鉴赏</a> </li>
				<li class="nav-lists"><a href="login.html">登录</a> </li>
                <li class="nav-lists"><a href="res.html">注册</a> </li>
				<li class="ico">三</li>
			</ul>
			<ul class="uu-lists">
				 <li><a href="index.html">首页</a> </li>
				 <li><a href="master.html">香氛</a> </li>
				<li><a href="caipu.html">知名品牌</a>  </li>				
				<li><a href="health.html">香水鉴赏</a> </li>
				<li><a href="login.html">登录</a> </li>
			</ul>
		</div>
 <div class="bananer">
	<img src="images/shop.jpg"/>
 </div>
 <nav>
    	<h3>知名品牌</h3>
</nav>
<div class="cp-list min-width">
	<ul>
		<li>
			<div class="cp-img"><img src="img/chanel.jpg"/></div>
			<h4>CHANEL</h4>
			<p>I wear nothing but a few drops of Chanel No.5.</p>
			<strong>了解更多</strong>
		</li>
		<li>
			<div class="cp-img"><img src="img/givenchy.jpg"/></div>
			<h4>GIVENCHY</h4>
			<p>纪梵希香水几乎就是赫本本人的化身——经典、优雅、高贵、简洁、女性化</p>
		<strong>了解更多</strong>
		</li>
		<li>
			<div class="cp-img"><img src="img/dior.jpg"/></div>
			<h4>DIOR</h4>
			<p>Dior Addict the now fragrance from Dior.</p>
		<strong>了解更多</strong>
		</li>
		<li>
			<div class="cp-img"><img src="img/burberry.jpg"/></div>
			<h4>BURBUEEY</h4>
			<p>The good things in life never change.</p>
			<strong>了解更多</strong>
		</li>
		<li>
			<div class="cp-img"><img src="img/ysl.jpg"/></div>
			<h4>Yves Saint laurent</h4>
			<p>我想和你见面 地点你选 森林 沙漠 夜晚依稀的湖畔 草原 大海 清晨薄雾的街口 只是 不要再在梦里了</p>
		<strong>了解更多</strong>
		</li>
		<li>
			<div class="cp-img"><img src="img/ck.jpg"/></div>
			<h4>Calvin Klein</h4>
			<p>Be good,be bad,just be yourself.</p>
		<strong>了解更多</strong>
		</li>
	</ul>
</div>
 
<footer>
	<p>友情链接  <a href="https://www.chanel.cn/zh_CN/fragrance-beauty/home.html?utm_source=baidu&utm_medium=brandzone&utm_campaign=20161213_ec_launch&utm_content=pc_top_title&utm_term=fbp_pc&ag_kwid=17195-4-6c0457a5b89d7dfc.24752fdcbd6d391b">CHANEL</a> <a href="https://www.dior.cn/zh_cn/fragrance/new-fragrances">DIOR</a> <a href="https://www.givenchybeauty.cn/%E9%A6%99%E6%B0%B4/">GIVENCHY</a> </p>
	<p>计网1951班06梁玟瑄</p>
</footer>
	<script src="js/nav.js" type="text/javascript">
	</script>
	</body>
</html>