品优购注册页html

最新推荐文章于 2024-05-01 18:52:23 发布
最新推荐文章于 2024-05-01 18:52:23 发布
阅读量159 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_69172270/article/details/124323427
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    引入ico文件-->
    <link rel="shortcut icon" href="favicon.ico">
    <!--    引入初始化样式文件-->
    <link rel="stylesheet" href="css/base.css">
    <!--    引入本体文件-->
    <link rel="stylesheet" href="css/registerarea.css">
</head>
<body class="w">
<!--头部-->
<header>
    <div class="logo">
        <a href="index.html"> <img src="images/logo.png" alt=""></a>
    </div>
</header>
<!--主体-->
<div class="registerarea">
    <div class="box_hd">
        <h3>注册新用户</h3>
        <p>我有账号，去<a href="#" class="style_red">登录</a></p>
    </div>
    <div class="reg_form">
        <form action="">
            <ul>
                <li><label for="">手机号 :</label><input type="text" class="inp">
                    <span class="error"><i class="error_icon"></i>手机号码格式不正确，请从新输入</span></li>
                <li><label for="">短信验证码 :</label><input type="text"  class="inp">
                    <span class="success"><i class="success_icon"></i>验证码正确 </span></li>
                <li><label for="">登录密码 :</label><input type="password"  class="inp">
                    <span class="error"><i class="error_icon"></i>密码不少于6位数，请从新输入  </span></li>
                <li class="safe">安全程度 <em class="ruo">弱</em> <em class="zhong">中</em> <em class="qiang">强</em></li>
                <li><label for="">确认密码 :</label><input type="password"  class="inp">
                    <span class="error"><i class="error_icon"></i>密码不一致，请从新输入  </span></li>
                <li class="agree"><input type="checkbox" name="" id="">同意协议并注册<a href="#">《知晓用户协议》</a></li>
                <li>
                    <input type="submit" value="提交注册" class="btn">
                </li>
            </ul>
        </form>
    </div>
</div>
<footer>
    <div class="mod_copyright">
        <div class="links">
            <a href="#">关于我们</a>|
            <a href="#">联系我们</a>|
            <a href="#">联系客服</a>|
            <a href="#">商家入驻</a>|
            <a href="#"> 营销中心</a>|
            <a href="#">手机品优购</a>|
            <a href="#">友情链接</a>|
            <a href="#">销售联盟</a>|
            <a href="#">品优购社区</a>|
            <a href="#">品优购公益</a>|
            <a href="#">English Site</a>|
            <a href="#">Contact U</a>
        </div>
        <div class="copyright">
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br>
            京ICP备08001421号京公网安备110108007702
        </div>
    </div>
</footer>
</body>
</html>
不会前端的前端猿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
品优购项目--注册页面
WangJiaYi948的博客
09-20 3422
效果图 HTML部分 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;品优购登录&lt;/title&gt; &lt;link rel="shortcut icon" href=&quot
品优购项目学习记录05--注册页制作
qq_46617150的博客
05-18 119
注意：注册页面比较隐私，为了保护用户信息，我们不需要对当前页面做SEO优化。注册页面：register.html。上半部分HTML部分。
品优购-注册登录页面完整源码
热门推荐
danke的博客
02-09 1万+
完整源码（HTML+CSS） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人注册</title> <link rel="shortcut i..
前端——品优购项目（html+css）_前端品优购
最新发布
2401_84438067的博客
05-01 56
如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。
HTML5 和 CSS3 的新特性--品优购注册页制作
薛定谔的猫
11-01 400
注册页类名命名注册页面： register.html注意：注册页面比较隐私，为了保护用户信息，我们不需要对当前页面做SEO优化。注册页布局 引入一张图片就可以了 这样会引起外边距合并 registerarea 布局h3标题部分完成 reg_form部分 安全程度模块 同意模块和完成注册模块 完整代码
品优购静态页面--注册页面
m0_50789696的博客
04-11 1443
注册页面：registe.html 注意： 注册页面比较隐私为了保护用户信息，不需要对当前页面做seo优化。 仍需引入网站图标 注册页面的结构和样式全部重新写，只需引入自己的regist.css，以及初始化base.css即可。 1 头部模块 header 1.1 HTML 结构 <!-- header头部模块start --> <header class="header w"> <div class="logo"> ...
品优购商城——注册页
one_mystery的博客
10-04 530
效果图： 注册页文件 register.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>个人注册</title> <me...
28.品优购注册页
potato123232的博客
03-31 321
注册页不需要做seo优化，下面这个是注册推荐的类名 1 头部 html css 2注册区域 2.1代码部分 html css 2.2要注意的点 2.2.1label的右侧对齐 我给了一个宽度，然后右侧对齐 2.2.2正确信息与错误信息 当我们使用JS进行验证的时候，一般会有正确与错误两种信息，我们会给这两种信息不同的类名来控制展示哪一个信息 在当前的代码中我没有做正确的信息，也没有给错误信息类名 2.2.3表单问题 ...
HTML+CSS+JavaScript实现的品优购项目源代码，包含首页、登录页面、注册页面、商品秒杀页、商品推文页、商品抢购页等
12-14
HTML+CSS+JavaScript实现的品优购项目源代码，包含首页、登录页面、注册页面、商品秒杀页、商品推文页、商品抢购页、商品详情页等
品优购案例，一个购物页面全部代码
04-09
品优购代码，html+css+images+favicon
免费！ 品优购psd文档，电商主页、分类列表、产品详情、登录界面、购物车结算、订单提交、注册界面。
02-19
免费！ 品优购psd文档，电商主页、分类列表、产品详情、登录界面、购物车结算、订单提交、注册界面。
优购商城模板
07-12
优购商城静态页模板，包括首页，栏目列表页，购物车页，订单页，品牌页等等
pinyougou:HTML+CSS+JavaScript进行的品优购项目实战
05-29
品优购项目总结 本次项目一共实现了7个界面，包括首页、登录页面、注册页面、商品秒杀页、商品推文页、商品抢购页、商品详情页等界面。 项目展示 首页 登录页 注册页 商品秒杀页 商品推文页 商品抢购页 商品详情页 项目技术概要 SDO优化 ​ 要做好一个成功的网站，一定要注意代码中的SDO优化，以下是我在品优购项目中所涉及到的SDO优化部分 字体图标的引入 ​ 图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，用字体图标来完成会更好。 字体图标的优点 ​ 字体图标可以做出跟图片一样可以做的事情,改变透明度、旋转度，等.. 但是本质其实是文字，
品优购学习项目(html+css)
10-06
使用html和css做的几个页面，有一些原生js的交互效果，比如轮播图、图片查看等。做的一个商城的学习项目，
lingfengxh:使用CSS3 HTML5编写品优购主页、列表页、注册页
08-04
你好呀 :waving_hand: :telescope: 我目前正在... :seedling: 我目前正在学习... :people_with_bunny_ears: 我正在寻找合作... :thinking_face: 我正在寻求帮助... :speech_balloon: 问我... ...
品优购shopping
02-04
品优购的这些资源可以分为以下几类: 资源文件夹: fonts: 存放字体文件 images: 存放图片文件 upload: 用于文件上传的文件夹 favicon.ico: 网站的图标文件 HTML页面文件: index.html: 首页 list.html: 可能是商品列表...
前端练习项目——品优购 Day10 注册页面
Acc222222的博客
08-07 661
注册页面比较隐私，为了保护用户信息，不需要对当前页面进行SEO优化。但需要引入favicon图标和base.css，同时使用自己的css文件。 <title>个人注册</title> <link rel="shortcut icon" href="pinyou.ico"> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet...
前端学习之品优购项目（四）——注册页制作
Cai_Smallwhite的博客
10-12 717
1、布局 头部 底部 中间主体 头部和底部不再过多赘述，我们主要做一下中间registerarea部分。 registerarea分为以下两部分： 上面h3标题模块的做法也不再赘述，我们主要看reg_form模块怎么做。 2、注册页类名命名 3、reg_form模块制作 ①首先reg_form是一个大盒子，包含所有注册内容，在页面水平居中 ...
品优购-注册页
weixin_46126804的博客
08-12 743
1.注意：注册页面比较隐私，为了保护用户信息，不需要SEO优化 2. 遇到上面情况，先给一个父盒子设置宽度，水平居中显示 里面用ul li 布局，包含 label， input ，span 注意： 给label 设置宽度，采用右对齐方式 3. ...
品优购快报html代码
12-15
</html>品优购快报，这是一个简单的HTML代码，用于展示品优购快报的信息。首先是标题，然后是一段简短的欢迎语，接着是一个无序列表，列出了最新的优惠信息和新品推荐。每一条信息都有日期和具体的优惠内容。这个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值