绪论

html作为一个常用的前端语言，使用的人群范围是很大的；

如果你想要成为一个前端工程师，那必不可少的就要做一个登陆页面；

登录页面一般就是账号和密码，另外还需要验证码验证需求，这三个常见的属性是一个项目登陆界面重要组成要素；

本篇是要做一个简单的登录页面，用来体验Html 的用法和效果，所以就不使用验证码了，因为验证码在一个项目中是放在后端的，这次就不做演示；

一、新建一个html项目

html项目在哪里建都可以，vscode、idea甚至在网页打开一个html在线编译器都可以；

如下面的代码，这一步很简单；

登陆页面 hello world!

1、首先使用form做一个表单，放入Login文件的中，代码如下：

账号: 
密码:

效果如下;

2.账号密码有了之后，下一步就需要登录了，登录是一个按钮，按钮是一个

效果如下：

有了登录按钮后，在我们的认知下，肯定按了登录会跳到下一个页面，但是今天只是展示做一个简单的登陆界面，就不写跳转和账号密码验证了；

但是现在这个登录界面很难看，我们需要对他美化一下；

不好意思兄弟们，本人没有美感，尽力了，你们自己找好看的点自己修改；

代码如下:

登陆页面body {background-color: #74aabc;background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.8e5e293cae342149832fff96bb4c8caa" />

前端怎么说呢，能做前端的人都是一个有美感的工程师；

很明显，我不是，哈哈哈

看着图一乐就行