学完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>
下面是效果:
嗯,一个简单的界面其实也很容易做出来的,如果大家想做一个比较完整的邮箱的话,我想也不是很难,就是一个页面的跳转嘛,咱上一篇不是也提到了页面时怎么跳转的吗,自己试试看看!