现在的位置: 首页 > 综合 > 正文

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

2014年08月04日 ⁄ 综合 ⁄ 共 932字 ⁄ 字号 评论关闭

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

下面是效果:

 

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

  

抱歉!评论已关闭.