静态HTML网页设计作品商城网站设计——蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码

最新推荐文章于 2023-05-21 16:00:19 发布

优质内容贡献

最新推荐文章于 2023-05-21 16:00:19 发布

阅读量381

点赞数

分类专栏： HTML5期末大作业 html网页设计作业学生div+css静态网页设计成品文章标签：前端 css html 商城购物

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

版权

HTML5期末大作业：商城网站设计——蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计

文章目录

HTML5期末大作业：商城网站设计——蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计
一、作品展示
二、文件目录
三、代码实现
四、学习资料

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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>蘑菇街&nbsp;-&nbsp;我的买手街！</title>

     <link href="image/favicon.ico" type="image/x-icon" rel="shortcut icon" /> 
     <link type="text/css" rel="stylesheet" href="css/index.css" />
     <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
     <script type="text/javascript" src="js/index.js"></script>
     

</head>

<body>
	
    <div class="mgj_rightbar">
        <div class="mgj-my-cart">
            <a class="nofollow" href="javascript:;">
                <i class="s-icon"></i>
                <div class="s-txt">购物车</div>
            </a>
        </div>
        <div class="mgj-my-coupon">
            <a class="nofollow" href="javascript:;">
                <i class="s-icon"></i>
                <div class="s-txt">优惠券</div>
            </a>
        </div>
        <div class="mgj-my-wallet">
            <a class="nofollow" href="javascript:;">
                <i class="s-icon"></i>
                <div class="s-txt">钱包</div>
            </a>
        </div>
        <div class="mgj-my-browserlog">
            <a class="nofollow" href="javascript:;">
                <i class="s-icon"></i>
                <div class="s-txt">足迹</div>
            </a>
        </div>
         <div class="sideBottom">
            <a class="nofollow" href="javascript:;">
                <i class="s-icon"></i>               
            </a>
        </div>


    </div>
    <div class="head">
       <div class="head-top">
          <ul>
          <li class="wodexiaodian"><a class="wd" href="../mgjz/index.html">我的小店</a></li>
          <li class="khfw">
          		<a class="fw" href="#">
                	客户服务
          			<ul class="khfwtk">
                    	<li>联系合作</li>
                        <li>帮助</li>
                    </ul>
                	
                </a>
          </li>
          <li class="gouwuche">
<!--          		<div class="gwctk"></div>-->
          		<a class="gwc" href="#">
                    购物车
                    <ul class="gwctk">
                            <li>购物车里没有商品！</li>
                        </ul>
                </a>
          </li>
          <li class="dingdan"><a class="dd" href="#">我的订单</a></li>
          <li ><a class="dl" href="#">登录</a></li>
          <li ><a class="zc" href="#">注册</a></li>
                
          </ul>
            
            
        </div>
        <div class="head-main">
        	<img class="logo" src="picture/head-top-logo.png" />
			<span class="s1">搜商品<div class="ss1">店铺</div></span>
            <input class="s2" type="text"  value="既保暖性又时尚感棉服"/>
            <input class="s3" type="button" />
       		 <div class="sao">
        	<img src="picture/head-main-erweima.png" />
            <span class="mgj">蘑菇街客户端</span>
        </div>        
  		<ul>
            <li><a href="#">毛衣</a></li>
            <li><a href="#">雪地靴</a></li> 
            <li><a href="#">羽绒服</a></li>
            <li><a href="#">毛呢外套

最低0.47元/天解锁文章

优质内容贡献

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
静态HTML网页设计作品商城网站设计——蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码

HTML5期末大作业：商城网站设计——蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足
复制链接

扫一扫