HTML，模仿网易登陆界面

1、展示效果：       

2、网页代码：

                                                用户名：                                                 @163.com                                         

                                                密码：                                                                                          

                                                十天内免登录                                                 忘记密码？                                         

                                                登录                                         

                                                注册网易邮箱                                                 邮箱官方App                                         

3、设计过程：

观察163邮箱登录的这张网页，有三个部分组成，一个是头部菜单，一个是登录界面，一个是尾部菜单。在设计头部菜单和中间的登录界面时时，使用了分块的方法。将头部表单分为了8个块，然后在最左边的两个块填入163邮箱，中文邮箱第一品牌。在右边的两个块内填入vip，会员，企业邮箱，海外登录， 帮助，反馈，修复公示。

在设计好头部表单后，下一个是网易的图片，使用img src，再将其在块内居中，然后在右边是登录表格，按照网易的填入元素即可。最后是页面的尾部菜单，做好链接等元素。

4、设计总结：

   主要是网页的布局方法需要掌握，还有7种标签子，这样才能学好网页的布局，将网页的大致布局设计出来。