HTML网页设计每日笔记(给初学者的一份礼物) (自己做的一个邮箱界面)

来源：互联网发布：阿里云待遇编辑：程序博客网时间：2024/05/01 23:56

学完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>

下面是效果：

嗯，一个简单的界面其实也很容易做出来的，如果大家想做一个比较完整的邮箱的话，我想也不是很难，就是一个页面的跳转嘛,咱上一篇不是也提到了页面时怎么跳转的吗，自己试试看看！