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

最新推荐文章于 2023-11-22 14:18:18 发布

刘江虹

最新推荐文章于 2023-11-22 14:18:18 发布

阅读量3.7k

点赞数

分类专栏： web前端文章标签： html border input

本文链接：https://blog.csdn.net/tianhong11/article/details/7819298

版权

web前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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

下面是效果：