HTML+CSS+JS大作业：服装购物网站设计——粉色服装购物商城(4页) 服装购物商城网页设计作品大学生购物专题网页设计作业模板商店静态HTML网页模板下载

本文链接：https://blog.csdn.net/qq_524614081/article/details/122346577

HTML5期末大作业：服装购物网站设计——粉色服装购物商城(4页)

文章目录

HTML5期末大作业：服装购物网站设计——粉色服装购物商城(4页)
一、作品展示
二、文件目录
三、代码实现
四、学习资料

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>详细页面</title>
<meta name="keywords" content="[!--pagekey--]" />
<meta name="description" content="[!--pagedes--]" />
<link href="images/all.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
</head>

<body>
<header>

<div class="nav">
    <ul>
        <li class="li1"><a>海</a></li>
        <li class="li2"><a>拼</a></li>
    </ul>
</div>

	<div class="head">
    	
        	<div class="top">
                <div class="wrapper">
                
                <div class="logo fl"><a href="index.html"><img src="images/logo.png" /></a></div>
                <div class="dl fr">
                    <ul>
                        <li>欢迎您,DGL</li>
                        <li><a href="">退出</a></li>
                        <li><a href="">个人中心</a></li>
                        <li><a href="">我的订单</a></li>
                        <li><a href="login.html">登录</a></li>
                        <li><a href="">注册</a></li>
                    </ul>
                    
                    <div class="sousuo">
                    	<input class="index_srh" name="keyboard" value="请输入您要查找的商品" onBlur="if(this.value=='') this.value='请输入您要查找的商品';" onFocus="if(this.value=='请输入您要查找的商品') this.value='';">
                        <input class="search" type="submit" name="submit" value="搜索">
                    </div>
                </div>
                
                </div>
       	 	</div>
        
            
            <div class="menu">
            	<div class="wrapper">
                	<ul>
                    	<li class="li1"><a href="piclist.html" class="on">全部分类</a></li>
						<li class="li2"><a href="index.html">首页</a></li>
                        <li class="li3"><a href="piclist.html">潮流单品</a></li>
                        <li class="li4"><a href="piclist.html">衣服</a></li>
                        <li class="li5"><a href="piclist.html">鞋子</a></li>
                        <li class="li6"><a href="piclist.html">包包</a></li>
                        <li class="li7"><a href="piclist.html">配饰</a></li>
                        <li class="li8"><a href="piclist.html">潮流单品</a></li>
                        <li class="li9"><a href="piclist.html">衣服</a></li>
                        <li class="li10"><a href="piclist.html">鞋子</a></li>
                        <li class="li11"><a href="piclist.html">包包</a></li>
                        <li class="li12"><a href="piclist.html">配饰</a></li>
                    </ul>
                </div>
            </div>
    </div>
</header>

<div class="xiangqing">

	<div class="shangjiaming">
		<div class="wrapper">
		<div class="fl left">小Y包袋</div>
		<div class="fr right">
			<span class="fl"><a href="">+关注本店</a></span>
			<span class="fl">409粉丝</span>
		</div>
		</div>
	</div>
	
	<div class="sj-wrapper">
	
	<div class="sj-logo"><img src="images/shangjia-logo.jpg" /></div>
	<div class="menu">
		<a href="">首页</a>
		<a href="">多功能</a>
		<a href="">单肩/手提</a>
		<a href="">大包包</a>
		<a href="">小包</a>
	</div>
	
	<div class="game163 fl">
	 <ul class="bigImg">
		<li>
			<a href="" target="_blank"><img src="images/pic1.jpg" /></a>
			<h4><a href="" target="_blank">美女玩家猎魔人 Cosplay</a></h4>
		</li>
		<li>
			<a href="" target="_blank"><img src