web-html5（一）

最新推荐文章于 2020-05-27 11:23:53 发布

活力汤圆圆

最新推荐文章于 2020-05-27 11:23:53 发布

阅读量3.8k

点赞数 4

本文链接：https://blog.csdn.net/codefight/article/details/79559809

版权

【任务1-1】实现Q-Walking E&S购物列表页面中的菜单导航栏。

<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>漫步时尚广场-购物列表</title>
     <link href="css/show.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="js/shoppingCart.js"></script>
    <script type="text/javascript" src="js/hotAdvise.js"></script>
</head>
<body>
<div class="nav_bg">
  <div class="nav_content">
    <ul class="nav">
      <li ><a href="shoppingIndex.html" class="white">首页</a></li>
      <li class="nav_active" ><a href="shoppingShow.html"  class="white">最新上架</a></li>
      <li>品牌活动</li>
      <li>原厂直供</li>
      <li>团购</li>
      <li>限时抢购</li>
      <li>促销打折</li>
    </ul>
  </div>
</div>
</body>

</html>

这里写图片描述

【任务1-2】实现Q-Walking E&S购物列表页面中的左侧导航栏。

<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>漫步时尚广场-购物列表</title>
     <link href="css/show.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="js/shoppingCart.js"></script>
    <script type="text/javascript" src="js/hotAdvise.js"></script>
</head>
<body>
  <ul class="menu">
    <li ><span class="title">女装</span></li>
    <li><span class="red_dot"></span><a href="#" >上衣</a><span class="right_arrow"></span></li>
    <li><span class="red_dot"></span><a href="#" >下装</a><span class="right_arrow"></span></li>
    <li><span class="red_dot"></span><a href="#" >连衣裙</a><span class="right_arrow"></span></li>
    <li><span class="red_dot"></span><a href="#" >内衣</a><span class="right_arrow"></span></li>
    <li><span class="title">男装</span></li>
    <li><span class="red_dot"></span><a href="#" >T恤</a><span class="right_arrow"></span></li>
    <li><span class="red_dot"></span><a href="#" >短裤</a><span class="right_arrow"></span></li>
    <li><span class="red_dot"></span><a href="#" >衬衫</a><span class="right_arrow"></span></li>
    <li><span class="title">童装</span></li>
    <li><span class="red_dot"></span><a href="#" >上衣</a><span class="right_arrow"></span></li>
    <li><span class="red_dot"></span><a href="#" >裤子</a><span class="right_arrow"></span></li>
    <li><span class="title">运动</span></li>
    <li><span class="red_dot"></span><a href="#" >运动裤</a><span class="right_arrow"></span></li>
    <li><span class="red_dot"></span><a href="#" >跑步鞋</a><span class="right_arrow"></span></li>
  </ul>
</body>

</html>

这里写图片描述

【任务1-3】实现Q-Walking E&S购物列表页面中的商品展示区。

<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>漫步时尚广场-购物列表</title>
     <link href="css/show.css"

最低0.47元/天解锁文章

活力汤圆圆

关注

4
点赞
踩
22

收藏

觉得还不错? 一键收藏
6
评论
web-html5（一）

【任务1-1】实现Q-Walking E&amp;S购物列表页面中的菜单导航栏。&lt;!DOCTYPE html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;漫步时尚广场-购物列表&lt;/tit
复制链接

扫一扫