HTML作业-拼多多网站

仿拼多多官网共6个网页部分代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-

IT--精英联盟

4568人浏览 · 2021-06-16 08:58:38

IT--精英联盟 · 2021-06-16 08:58:38 发布

仿拼多多官网

共6个网页

部分代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>拼多多</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <nav>
            <a class="logo" href="/">
                <img src="./images/logo.png" alt="logo">
            </a>
        <ul>
            
            <li>首页</li>
            <li><a href="./info.html">商城首页</a></li>
            <li><a href="./list.html">商品秒杀</a></li>
            <li><a href="./list.html">商品列表</a></li>
            <li>社会招聘</li>
            <li>校园招聘</li>
            <li>帮助中心</li>
            <li><a href="./register.html">注册</a></li>

            <li><a href="./login.html">登录</a></li>
        </ul>
    </nav>
    <header>
        <img src="./images/1.jpg" alt="">
    </header>
    <div class="wrap">

  
    <div class="content">
         <p class="p1">
                精彩活动
                <span>
                        更多 >
                </span>
         </p>  
         <div class="main-1">
             <img src="./images/2.jpg" alt="">
         </div> 
         <div class="list">
             <div class="list-1">
               <img src="./images/l1.jpg" alt="">  
             </div>
             <div class="list-2">
                    <img src="./images/l2.jpg" alt="">  
                  </div>
            <div class="list-3">
                <img src="./images/l3.jpg" alt="">  
                </div>
         </div>
         <div class="item">
             
             <div class="left">
                 <img src="./images/11.jpg" alt="">
             </div>
             <div class="right">
                    <img src="./images/22.jpg" alt="">
                </div>
        </div>
        <div class="item">
             
                <div class="left">
                    <img src="./images/33.jpg" alt="">
                </div>
                <div class="right">
                       <img src="./images/44.jpg" alt="">
                   </div>
        </div>
        <div class="item">
            
            <div class="left">
                <img src="./images/55.jpg" alt="">
            </div>
            <div class="right">
                    <img src="./images/66.jpg" alt="">
                </div>
        </div>
        <div class="item">
            
            <div class="left">
                <img src="./images/77.jpg" alt="">
            </div>
            <div class="right">
                    <img src="./images/88.jpg" alt="">
                </div>
        </div>
      
    </div>
    <div class="footer">
            <div class="f-l">
                <img src="./images/code.png" alt="">
                </div>
                <div class="f-r">
                    <h3>联系我们</h3>
                
                    

                <p>客服&举报电话：021-53395288（推荐）或400-8822-528</p>

                        <p>商家热线：021-5339-5088</p>

                                <p>商家客服服务时间：8:00-20:30</p>

                                        <p>消费者客服服务时间：8:00-21:30</p>

                                                <p>消费者客服外呼号码显示：9541366（仅呼出，不支持呼入）</p>

                                                        <p>上海寻梦信息技术有限公司</p>
                </div>
        </div>
</div>
<footer>
    <p>Copyright 2015-2020 pinduoduo.com 版权所有 (增值电信业务经营许可证：沪B2-20170215)</p>
            <p>       互联网药品信息服务资格证书：（沪）-经营性-2019-0052</p>
                    <p>       沪公网安备 31010502000392号（沪）网械平台备字[2018]第00003号沪ICP备15010535号-13|营业执照</p>
</footer>
</body>
</html>

华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐