html css练手_【技术篇前端】用纯html实现注册界面

点击蓝字关注我哦

不知不觉，听说爱情很美这个公众号也已经陪大家走过了两年多的岁月。

但是由于期间我经常鸽子，所以导致其实这个公众号推文量极少。中间有想过多写一些自己的原创长篇文章(要好几百字才能申请原创)来丰富自己公众号的内容，但是由于自己懒，加上对自己文章要求很严格。所以一直都没搞。

所以！在这里，我决定开一栏技术篇章，文字功底要求不高，还能申请原创，还能给大家带来知识，还能提高自己的能力，加深自己的知识印象，一举多得，所以，这么一个栏目就来了。‍

这个栏目将会大部分都是自己本人实际写出来的项目，有简有难，但会尽力注释清楚，不清楚的也可以后台留言我来解答。

当然，这个栏目也会收录一些其他地方的技术贴用于分享，基本都会尽力注释清楚，范围目前只想到前端和python，其他的以后再说吧。那不多说，今天的项目就在这开始吧！

前端，什么是前端。

前端，又称Web前端。是指Web网站的前台页面，在我们打开一个网站所看到网页界面的内容以及交互体验，一般都是由前端工程师进行开发设计的页面，该内容属于前端部分。——百度

就像大家打开网页，一眼看到的所有表象的东西都可以说是前端。而目前市场上所呈现出的页面基本上都是用HTML+css+Javascrip等所呈现。

HTML就相当于一个人的身体，

而css就相当于一个人穿的衣服

JavaScript相当于一个人走路的样子。这里只大致讲解，其余的自行百度。

而今天这篇就是用纯HTML实现用户注册界面，基本上没加任何修饰，看起来会很简陋，因为这里只是想让大家大致熟悉一下各种标签的使用。

具体的代码我会放出来，每行从注释我也基本上都写在上面了。本篇适用于初学者的练手项目。

先看下成果图

大的布局上面可以看成是几个列表组成，例如：

然后代码实现就是这样：

头部：

用户名与密码行：

性别地区出生年月：

余下内容：‍

如果上面看不清楚，可以下载源码

链接：https://share.weiyun.com/0AosX8VH 密码：g39yc7

01

微云打开

02

下载后在编译器中打开即可。‍

关注“听说爱情很美”，每天给你惊喜。希望能帮到你。