学完html的那些标签后,我自己做了一个小例子:一个邮箱的界面。好吧,下面是代码:
<html> <head> <title>天虹邮箱登陆_______</title> </head> <body> <table width="100%" border="0" > <tr height="140px"> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> </tr> </table> <table width="448px" background="tianhong1.jpg"> <tr height="50px"> <td>用户名 <input type="text" name="uername"/></td> <td> </td> <td> </td> <td> </td> </tr> <tr height="30px"> <td>密码框 <input type="password" name="psd"/></td> <td> </td> <td> </td> <td> </td> </tr> <tr height="50px"> <td> <input type="submit" value="进入邮箱"/> <input type="reset" value="重新填写"/></td> <td> </td> <td> </td> <td> </td> </tr> <tr height="120px"> <td> <a href="#">找回密码注册新用户</a></td> <td> </td> <td> </td> <td> </td> </tr> </table> <table width="100%" border="0"> <tr height="140px"> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
下面是效果:
嗯,一个简单的界面其实也很容易做出来的,如果大家想做一个比较完整的邮箱的话,我想也不是很难,就是一个页面的跳转嘛,咱上一篇不是也提到了页面时怎么跳转的吗,自己试试看看!