HTML作业-拼多多网站

最新推荐文章于 2025-05-12 16:05:36 发布

原创最新推荐文章于 2025-05-12 16:05:36 发布 · 5k 阅读

44 ·

CC 4.0 BY-SA版权

文章标签：

#拼多多HTML网页 #拼多多官网作业html #HTML拼多多作业 #商城拼多多作业HTML css #期末大作业HTMLcss

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

43 篇文章

订阅专栏

这是一个拼多多官网的页面仿写示例，包含了导航栏、头部图片、主体内容展示和底部信息。页面结构清晰，使用了HTML和CSS进行布局，包括商品活动、商品列表和联系方式等元素，旨在提供类似拼多多的用户体验。

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

仿拼多多官网

共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>