html初学者的本周总结（学注册，写了注册页面）

于 2022-05-07 11:16:02 发布
阅读量311 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EX_small_white/article/details/124626854
版权

HTML C++ 网页设计 注册页面 前端开发
关键词由CSDN通过智能技术生成

说实话，html比我们计算机专业的c++简单太多了，呜呜呜呜呜呜呜，c我真的学不懂了

言归正转，当然还是老样子，先创建两个文件夹，一个主页面，一个注册页。

 

主页面代码

<!DOCTYPE html>

<br lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>阿三的奇葩事</title>

</head>

  <h1>印度那些奇葩事</h1>

<br>

  “今日印度”网站最近刊登了一篇奇葩的新闻。</br>

  有4名猎人闯进了马哈拉施特拉邦Gothane村  </br>

  附近一个野生老虎保护区的核心地带，轮奸了 </br>

  一只稀有动物“孟加拉巨蜥”，并拍下性侵视</br>

  频”事件彻底惊掉了所有人的下巴。</br>

</br>

</br>

</br>

 <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0420%2F428deacej00ramlba001bd000j600cgp.jpg&thumbnail=660x2147483647&quality=80&type=jpg"/>

</br>

想要了解更多：</br>

<a href="https://www.baidu.com/index.php?tn=monline_3_dg">点击搜索</a>

<h5>注册账户以获取更多资讯：</h5>

<a href="注册页面.html" target="_blank">点击注册</a>

</body>

</html>

 ========================================================================

注册页面代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>注册页面</title>

</head>

<body>

    <h4>注册用户</h4>

    <table width="700" border="1" >

    <tr>

        <td>

            账号：

        </td>

        <td>

           <input type="text" value="请输入账号">

        </td>


 

    </tr>

    <tr>

        <td>

            密码：

        </td>

        <td>

           <input type="password">

        </td>

       

    </tr>

       

    <tr>

        <td>性别：</td>

        <td>

            男<input type="radio" name="sex">

            女<input type="radio" name="sex">

        </td>

    </tr>

    <tr>

        <td>婚姻状况：</td>

        <td>

          已婚<input type="radio" name="hh">

          未婚<input type="radio" name="hh">

          离婚<input type="radio" name="hh">

        </td>

    </tr>

    <tr>

        <td>生日：</td>

         <td>

             <select>

               <option>请选择年份</option>

               <option>2000</option>

               <option>2001</option>

               <option>2002</option>

               <option>2003</option>

               <option>2004</option>

               <option>2005</option>

               <option>2006</option>

             </select>

   

           

            <select>

              <option>请选择月份</option>

              <option>1月</option>

              <option>2月</option>

              <option>3月</option>

              <option>4月</option>

              <option>5月</option>

              <option>6月</option>

              <option>7月</option>

            </select>


 

         

           

            <select>

              <option>请选择日：</option>

              <option>1</option>

              <option>2</option>

              <option>3</option>

              <option>4</option>

              <option>5</option>

              <option>6</option>

              <option>7</option>

            </select>


 

         </td>

    </tr>

    <tr>

        <td>请输入所在地区：</td>

        <td><input type="text" value="所在地区"></td>

    </tr>

    <tr>

        <td>学历</td>

        <td><input type="text" value="博士后"></td>

    </tr>

    <tr>

        <td>喜欢的类型：</td>

        <td>

        <input type="radio" name="ai">好的

        <input type="radio" name="ai">不好的

        <input type="radio" name="ai">挺好的

        <input type="radio" name="ai">很不好的

        <input type="radio" name="ai">都喜欢

        </td>


 

    </tr>

    <tr>

        <td>个人介绍：</td>

        <td>

              <textarea rwos="5" cols="50"></textarea>

        </td>

    </tr>

     <tr>

        <td></td>

        <td>

            <input type="submit" value="免费注册">

        </td>

    </tr>

    <tr>

        <td></td>

        <td>

            <input type="checkbox" checked="checked">我同意注册条款

        </td>

    </tr>

    <tr>

        <td></td>

        <td>

           <a href="#">我是会员，立即登录</a>

        </td>

    </tr>

    <tr>

        <td></td>

        <td>

            <h5>我承诺</h5>

          <ul>

            <li>我输入的东西</li>

            <li>时真实有效果</li>

            <li>愿意承担责任</li>

          </ul>

        </td>

       

    </tr>




 

    </table>

   

</body>

</html>

这个就是效果图了，等到学习了css肯定会更加漂亮的

图片直接就是找的网上图片，复制的网上相对路径。

搜索界面则是直接打开的百度。

 

 

EX_small_white
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html注册实验报告
01-04
html注册带验证控件和报告，是实验报告没有源码，源码另外上传.doc
html（第一周总结）
weixin_47204963的博客
12-07 127
html总结 对于html中基础的标签就是结构标签、文本排版标签和文字标签 其中比较重要的是图片标签、a超链接标签、列表标签、表格标签和表单标签；注意他们的应用场景 同时拓展了内联框架 重点中的重点：绝对路径和相对路径；锚点的两种方式；无序列表的应用场景；单元格的跨行和跨列；表单form里面的值（特别是到后面需要同后端交互时form里面的属性）；表单的应用和容易混淆的值 ...
flutter 判断是不是调试模式_Flutter之撸一个漂亮的登录界面的总结
weixin_39577964的博客
11-27 2301
介绍最近学习了Flutter的一些控件使用，然后在Github上面看见了一个挺漂亮的登录界面，于是就用Flutter自己模仿地实现了一下。原作者做得比较好看，不过只是单纯实现界面。所以自己加了些东西，比如Key的使用和InheritedWidget的使用。下面是一些总结，如果有说错的地方，还请各位指出来，谢谢。最终的展示界面代码结构每个类的名字，相信大家一看就知道对应的作用类。每个类的作用，我在代...
超详细html5登录注册页面总结
weixin_45738504的博客
03-28 1万+
一、HTML5简介 HTML是互联网上应用最广泛的标记语言。HTML文件就是普通文本+HTML标记，而不同的HTML标记能表示不同的效果。 HTML5优势 HTML5并不是一种革新的的升级，而是一种向规范向习惯的妥协，因此HTML5并不会带给开发者过多的冲击，从HTML4到HTML5过渡会非常轻松。 HTML5解决了以下四点问题 ： 解决跨浏览器问题 部标签代替了原来的JavaScript 更明确的语义支持 增强了web应用程序和功能 二、我的第一个网页 下面在ideal中先写一个第一个网页，测试一下环
HTML总结
weixin_30545285的博客
06-26 291
标签参考：http://www.runoob.com/tags/html-reference.html 1.简介 HTML是超文本标记语言。 HTML也称web页面。 HTML文档由标签和被标签的内容组成。 语法：<标签 属性="属性值">xxxxx</标签> 例：<p style="font-size:12px;text-align:center...
html网页设计注册与登录页面模板
10-09
在注册页面，通常需要验证用户提供的邮箱是否唯一，这可能涉及后端数据库查询，虽然这里的示例可能仅限于前端验证。 `images`文件夹可能包含图标和其他图形元素，这些元素能够提升页面的吸引力和可用性。例如，密码...
登录注册页面响应式 html模板
04-23
总结起来，这个"登录注册页面响应式HTML模板"是一个实际操作项目，结合了HTML的结构、CSS的样式和布局以及JavaScript的交互功能，利用Bootstrap框架实现了跨设备的兼容性和用户友好性。通过这个模板，开发者可以快速...
JS一个简单的注册页面实例
10-19
### JS简单注册页面实例分析 ...这对于初学者来说是一个很好的学习案例，可以帮助他们理解前端开发的基本流程和技术要点。在实际项目中，还可以进一步增强功能，比如增加更多字段的验证、使用更复杂的UI设计等。
基于javaweb实现的简单登录注册页面
最新发布
01-07
总结来说，这个项目为初学者提供了一个基础的JavaWeb登录注册系统实例，涵盖了许多Web开发的关键技术，包括前端界面设计、后端逻辑处理、数据库交互以及用户体验优化。通过学习和修改这个项目，开发者可以加深对...
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
10-18
通过这篇文章，初学者可以了解到前端表单验证的基本原理和实现方法，并能够对京东用户注册流程进行简单的模仿和学习。需要注意的是，在实际开发中，表单验证规则应该根据具体业务需求进行调整，同时要确保前后端验证...
html阶段性小结1---简单的登录界面及跳转
小` pi孩
01-20 355
学完html的基本标记之后，做一小结，写一个简要的登录页面 内容包括表格和表单的使用，以及图片的导入和超链接标记 截图： 登录（html常用标记.jsp） <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t
HTML页面知识点小总结(巨详细)
bafeiq的博客
02-11 8501
HTML页面最基础的东西总汇，建议刚开始接触前端页面的小伙伴们收藏哦，可以随时拿出来学习或者复习加深印象。
html用户注册以及js验证用户注册信息
LKW_MIRROR的博客
10-22 1746
html页面： < !DOCTYPE html> < html> < head> < meta charset=“utf-8” /> < title>注册页面</ title> < script src=“js/jquery-1.12.4.min.js”></ script> < script s...
html登陆注册功能实现,实现用户的登录注册功能
weixin_42116672的博客
06-16 6258
在基于Spring Boot框架上，实现用户的登录注册功能，首先分析前期所需要的规划。1 实现登录注册前端向后端发起post请求2用户密码安全性密码是不推荐明文入库的，在后台采取秘钥加加不可逆加密方式进行加密后再存入数据库3 登录状态的保存http是无状态的协议，要实现用户登录状态的保存可以通过，cookie和session，进行验证。4 防止cookie被盗cookie内采用token和ip地址...
html注册新会员页面实验,【实 验】实验四：会员注册登录系统设计
weixin_42632156的博客
06-04 2990
实验要求：1.设计会员注册登录表单(最好把所有表单控件都测试一下)2.获取表单提交的数据，并显示出来3.配置iis，指向程序，进行测试(设置网站根目录，测试程序)实验步骤：1、新建一个动态站点，并进行测试，测试的代码为：2、在站点的根目录下建立如下图所示的结构目录(红色标注)。3、双击打开注册页面即register.html，并进行如下图所示的设计：该表单的属性名字输入如下：用户名的文本框：use...
HTML注册页面基础验证
m0_53515074的博客
06-10 1643
验证邮箱格式 正则表达式 /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
前端开发学习--登录和注册页面设计（html和css，可完成两个页面点击切换）
weixin_43691879的博客
02-19 1万+
今天学习了登录和注册页面的设计，主要是HTML和CSS部分，注册和切换采用了Js代码进行，后面将通过js进行填写内容的验证，进而可通过JSP跳转到Servlet进行DAO数据的校验，这属于后端部分了。 总体设计思路：整个页面设计可以分为主体（content）、头部（content-header）、内容（content-body）三个部分组成，其中是主体是根部，包含了头部和内容，头部和内容各自下设两...
HTML+CSS学习总结 — 设计登录注册界面
gdvfs12的博客
09-14 2382
一、HTML页面代码如下： 登录界面 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登陆界面</title> <link rel="stylesh
HTML登录界面的实现详解
热门推荐
System.out.println(“菜鸟的升级之路”）
08-04 2万+
前言序锦 前阵子参加学校的暑期实习，我作为项目负责人，除了进行统筹规划，整体运营以及进度安排等工作外呢，我还负责了前端模块，参与并编写了前端页面，在之前学过前端的基础上，本次参与前端的编写就比较容易了，我和另外一个伙伴我们选择了套用模板，在模板的基础上修改成我们想要的样子，这一点很重要，在这样一个很短的时间内，进行前端的编写，我们最好的选择就是进行模板的修改，但对于初学者来说，就算是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值