HTML--模仿学校信息门户页面

目录

作业一

源码:

效果:

续:


作业一

第一章:

实践作业1:自己独立设计并实现一个简单的登录页面(样式自定,可参考民大信息门户登录页面),页面中需包含以下组件:

文本框text

密码框password

复选框checkbox (可供用户选择记住密码)

提交按钮submit

重置按钮reset

图片 image

框架 frameset (浏览器窗口划分样式及比例自定)

另外自己设计一个超链接,鼠标单击时能跳转到计科学院主页。

源码:




    
        <欢迎登陆中南民族大学信息门户
        
        
        
          
    
    

欢迎登陆中南民族大学信息门户




姓名:

密码:

记住密码?



中南民族大学计算机科学学院

效果:

HTML--模仿学校信息门户页面_第1张图片

不知道为什么会出来一个分页效果,觉得不可思议~实在想不通,本来就是个小白~

下次想出来了再说~

续:

在head部分加入:

 body {background:url("background.jpg"); background-repeat:no-repeat;background-size:  cover }

HTML--模仿学校信息门户页面_第2张图片

运行效果:

完美解决问题。

你可能感兴趣的:(java,EE,Web)