网页设计作业TML5期末大作业：品优购项目网站设计品优购项目(7页)含设计 HTML+CSS+JavaScript

最新推荐文章于 2024-06-10 22:20:56 发布

优质内容贡献

最新推荐文章于 2024-06-10 22:20:56 发布

阅读量573

点赞数

分类专栏： web大学生个人网站作业模学生div+css静态网页设计成品 html网页设计作业文章标签： javascript css html 商城购物

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

版权

学生div+css静态网页设计成品同时被 3 个专栏收录

602 篇文章 64 订阅

订阅专栏

web大学生个人网站作业模

558 篇文章 35 订阅

订阅专栏

html网页设计作业

547 篇文章 22 订阅

订阅专栏

HTML5期末大作业：品优购项目网站设计——品优购项目(7页)含设计 HTML+CSS+JavaScript

文章目录

HTML5期末大作业：品优购项目网站设计——品优购项目(7页)含设计 HTML+CSS+JavaScript
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入我们初始化的css -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入我们自己的注册页面的css -->
    <link rel="stylesheet" href="css/login.css">
</head>

<body>
    <div class="w">
        <header>
            <div class="logo">
                <a href="index.html"> <img src="images/logo.png" alt=""></a>
            </div>
        </header>
        <div class="registerarea">
            <h3>登录
                <div class="zhuce">我没账号，去<a href="./register.html">注册</a></div>
            </h3>
            <div class="saoma_login">
                <h4>扫码登录</h4>
                <div class="img">
                    <img src="./images/下载.jpg" alt="">
                    <p>
                        使用品优购APP扫一扫
                        <br>
                        手机可打开「品优购APP」>「扫码登录」
                    </p>
                </div>
            </div>
            <div class="txt_login">
                <h4>账户密码登录</h4>
                <form action="">
                    <ul>
                        <li>
                            <label for="">账户：</label> 
                            <input type="text" class="inp" placeholder="请输入账户" required maxlength="11" minlength="11" autofocus>
                        </li>
                        <li>
                            <label for="">密码：</label> 
                            <input type="password" class="inp" placeholder="请输入密码" required maxlength="16" minlength="6">
                        </li>
                        <li>
                            <button>登录</button>
                        </li>
                    </ul>
                    <p>
                        <a class="ps" href="#">手机验证码登录</a> / <a class="psa" href="./register.html">手机号注册</a>
                    </p>
                    <div class="zhuce">
                        <span><a href="./register.html">立即注册</a></span>
                        <span><a href="#">忘记密码</a></span>
                    </div>
                </form>
            </div>
            
        </div>
        <footer>
            <div class="mod_copyright">
                <div class="links">
                    <a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 |
                    品优购公益 | English Site | Contact U
                </div>
                <div class="copyright">
                    地址：河南省郑州市新郑市龙湖镇河南机电职业学院 邮编：123456 电话：132-123-1234 传真：132-45678912 邮箱: 123456789@qq.com <br>
                    豫ICP备13245678号京公网安备1324567890
                </div>
            </div>
        </footer>
    </div>
</body>

</html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码

优质内容贡献

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页设计作业TML5期末大作业：品优购项目网站设计品优购项目(7页)含设计 HTML+CSS+JavaScript

HTML5期末大作业：品优购项目网站设计——品优购项目(7页)含设计 HTML+CSS+JavaScript常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!作品介绍1.网页作
复制链接

扫一扫