google标签/注册页面/登录页面

于 2024-10-10 11:19:43 发布
阅读量235 收藏
点赞数 5
文章标签： javascript 开发语言 ecmascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_74861982/article/details/142747593
版权

1.怎么制作如下谷歌标签？

HTML_code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            /* 居中 */
            text-align: center;
            /* 字体大小 */
            font-size:80px;
            /* 字符间距 大于0增大间距 小于0减小间距 */
            letter-spacing: -10px;
        }
        .g1,.g2{
            color: blue;
        }
        .o1,.e{
            color:red;
        }
        .o2{
            color: yellow;
        }
        .l{
            color: green;
        }

        .bian{
            border:8px double red;
        }


    </style>
</head>
<body>
    <p><span class="g1">G</span>
    <span class="o1">o</span>
    <span class="o2">o</span>
    <span class="g2">g</span>
    <span class="l">l</span>
    <span class="e">e</span></p>



</body>
</html>

2.如何制作下面的注册页面

HTML_code

<html>
<head>
    <title>register</title>
    <style>
        form{
            width: 400px;
            height: 300px;
            background-color: aqua;
            text-align: center;
            margin: 200px auto;
        }
        table{
            width: 300px;
            height: 100px;
            background-color: yellow;
            text-align: center;
            margin: auto;
        }

    </style>
</head>
<body>
    <!-- action:跳转后端网址 -->
    <form action="register" method="post">
        <table>
            <tr>
                <td><label>用户名：</label></td>
                <td><input type="text" name="username"></td>
            </tr>
            <tr>
                <td><label>密码：</label></td>
                <td><input type="text" name="password"></td>
            </tr>
            <tr>
                <td><label>年龄：</label></td>
                <td><input type="number" name="age"></td>
            </tr>
            <tr>
                <td><label>地址：</label></td>
                <td><input type="text" name="address"></td>
            </tr>
            <tr>
                <td><label>性别：</label></td>
                <td>
                    <!-- value为后端的默认值 -->
                    <input type="radio" name="sex" value="男">男
                    <input type="radio" name="sex" value="女">女
                </td>

            </tr>
            <tr>
                <td><label>爱好：</label></td>
                <td>
                    <!-- value:后端的默认值 -->
                    <input type="checkbox" name="hobby" value="看小说">看小说
                    <input type="checkbox" name="hobby" value="跑步">跑步
                    <input type="checkbox" name="hobby" value="写算法">写算法
                </td>
            </tr>
        </table>
        <input type="reset" value="重置">
        <!-- submit提交按钮,不用button,因为这个按钮要和js搭配使用 -->
        <input type="submit" value="注册">
    </form>

</body>
</html>

3.如何制作下面的登录页面

HTML_code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>

    <style>
        div{
            /* 高度 */
            height: 150px;
            /* 宽度 */
            width: 300px;
            /* 背景颜色 */
            background-color: aqua;
            /* 自动居中 */
            margin: 200px auto;
        }
        form{
            /* 表格里的内容居中 */
            text-align: center;
        }
    </style>

</head>

<body>
    <div>
        <!-- 将form表单放到div中，方便调整位置 -->
        <form action="login" method="post">
            <caption>用户登入</caption>
            <p><hr></p>

            <label for="">用户名：</label>
            <input type="text" name="username"> <br>

            <label for="">密&nbsp;&nbsp;&nbsp;码：</label>
            <input type="password"> <br>

            <input type="submit" value="登录">
            <input type="reset" value="重置">

        </form>
    </div>

</body>
</html>

东方翱翔
关注
登录注册页面 html源码.zip
11-20
【描述】"HTML登录注册页面"表明这个资源专注于创建用户登录和注册的交互界面。这样的页面通常包括输入框让用户输入用户名、邮箱、密码等信息，以及提交按钮来执行登录或注册操作。设计良好的登录注册页面应该简洁...
安卓android登录注册页面
04-27
在安卓Android平台上，开发登录和注册页面是移动应用开发中的基本任务。这些页面不仅需要吸引用户的注意力，还要提供用户友好的界面和流畅的交互体验。本文将深入探讨如何使用Android SDK来创建高效的登录注册页面，...
登录注册页面
08-06
在本案例中，我们讨论的是一款简洁的登录注册界面，它具有良好的用户体验设计，同时包含实现这些功能所需的代码。 首先，我们要理解的是，登录注册界面通常由HTML、CSS和JavaScript三部分组成。HTML（HyperText ...
明暗两个app 登录注册页面UI .sketch素材下载
04-20
标题"明暗两个app 登录注册页面UI .sketch素材下载"指出这是一个关于应用程序（app）登录和注册界面设计的素材资源。其中，“明暗两个”指的是设计可能包含了两种不同的主题风格——明亮和暗黑，这两种模式在现代...
简洁大气后台登录页面html模板
12-04
【简洁大气后台登录页面html模板】是一个专为后台管理系统设计的网页模板，旨在提供一个清晰、高效且美观的用户登录界面。此模板以其简洁的设计风格和大气的布局，为管理员和开发者提供了创建专业后台系统的起点。 ...
Edge/Chrome浏览器中实现滚轮切换标签页功能
05-03
Edge/Chrome中实现滚轮切换标签页功能 只需开启，浏览器中就可以实现鼠标滚轮切换标签页功能。 方便快捷
大气精美的教育培训机构网站登录注册页面模板
07-12
标题中的“大气精美的教育培训机构网站登录注册页面模板”指的是为教育培训机构设计的高质量、具有视觉吸引力的网页界面模板，通常用于用户进行登录和注册操作。这类模板在设计上注重用户体验，界面清晰，布局合理，...
一个简单的登录页面
01-17
在Google浏览器中直接打开这些文件，用户可以看到预览效果，这表明这个登录页面已经进行了跨浏览器兼容性测试，并且在至少Google浏览器中运行正常。 在HTML5中，创建登录页面的基本元素可能包括`<form>`标签，用于...
一些登录页面的样式
03-30
本资源包含了一些登录页面的样式设计，这些设计可以作为灵感来源，帮助开发者和设计师创建独特且用户体验良好的登录界面。下面我们将深入探讨登录页面设计的关键要素和相关知识点。 一、用户体验（UX）与界面设计 ...
简单登录注册界面html模板 css js img fonts 层叠式样表文档.zip
07-02
开发者通常会遵循一定的设计模式来构建登录注册界面，例如使用`<form>`标签定义表单，`<input>`标签定义输入字段，`<button>`标签创建交互按钮。 2. CSS（层叠样式表）：CSS用于控制网页的外观和布局，包括颜色、...
jljihmloclbgaancacgbbcfhnmjpeeof_谷歌浏览器标签插件_google_
10-03
标题中的"jljihmloclbgaancacgbbcfhnmjpeeof_谷歌浏览器标签插件_google_"似乎是一种编码或者混淆过的插件名称，实际上它可能指的是一个为谷歌浏览器（Google Chrome）设计的标签管理扩展。这种扩展通常会帮助用户更...
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
11-23
本文介绍了一种利用JavaScript（JS）和JavaServer Pages（JSP）结合img标签来实现静态页面访问次数统计的方法。这种方法简单易行，尤其适用于对技术要求不高的小型项目。 首先，我们来看测试页面`test.html`的结构...
优质插件 / Infinity / 新标签页
02-28
Infinity新标签页插件适用于多种主流浏览器，包括Google Chrome、Firefox、Microsoft Edge等，这意味着无论你使用哪种浏览器，都能享受其带来的便利。安装插件后，只需简单的设置，即可无缝切换到Infinity的新标签页...
会员账户注册登录响应式网页模板
01-23
这个“会员账户注册登录响应式网页模板”正是为了满足这种需求而设计的，它可以提供美观且功能完善的用户注册和登录界面，无论用户在何种设备上访问，都能保证良好的用户体验。 首先，让我们深入理解响应式设计的...
标签用户登录特效.zip_rulerfzk_标签用户登录特效
09-24
3. "fonts"：这个目录可能包含了项目中使用的特殊字体文件，这些字体可能被用在登录界面的按钮、标签或其他文本元素上，以增强设计的一致性和品牌感。 综合以上信息，我们可以推测这个压缩包提供了一个完整的纯CSS3...
学校图书馆注册登录网站模板
04-08
学校图书馆注册登录网站模板是专为教育机构设计的一款网页模板，旨在提供一个用户友好、界面美观的在线注册和登录平台。这款模板适用于学校图书馆的信息化管理，方便学生、教师和其他图书馆用户进行账户管理，实现...
weTab标签 谷歌浏览器插件
最新发布
08-08
weTab标签 谷歌浏览器插件 浏览器起始页面
Coogle：翻拍Google登录页面
02-02
【Coogle：翻拍Google登录页面】 Coogle项目是一个对Google登录页面的复制品，它不仅复制了页面的外观，还包含了一些动画效果，增加了视觉吸引力。然而，值得注意的是，利用此类翻拍页面进行网络钓鱼或其他非法活动...
HTML5响应式第三方登录页面模板.zip_html5_html5注册登录_html5登录_html源码登陆注册_第三方登录
09-20
在登录和注册页面中，HTML5的语义化标签可以更好地描述页面内容，提高可读性和SEO效果。 响应式设计则是利用CSS3的媒体查询（Media Queries）来定义不同屏幕尺寸下的样式规则。例如，通过设置`@media screen and ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值