用html实现企业邮箱登陆界面
2016-08-25 22:47
295 查看
效果图:
问题的关键在于布局,本文章用的表格布局。
原理如下图:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>企业邮箱</title>
</head>
<body>
<table width="100%" border=0>
<tr height="300px"><td></td><td></td><td></td></tr>
<tr><td width="550" height="300"></td ><td>
<table width="555px" height="320px" border=0 background="bp.jpg">
<tr><td height="50px" colspan="2"> </td></tr>
<tr><td width="270px"> </td><td>
<form action="main.html" method="post">
<table border=0 height="100%">
<tr><td> 用户名:</td><td><input type="text" name="username"/></td></tr>
<tr><td>密 码:</td><td><input type="password" name="pwd" </td></tr>
<tr><td colspan="2"> <input type="submit" vaule="一脸懵逼" width="100"/> <input type="reset" vaule="重新填写" /> </td></tr>
<tr><td colspan="2"> <a href=#>找回密码</a> <a href=#>注册用户</a></td></tr>
</table>
</form>
</td></tr>
<tr><td colspan="2"> </td></tr>
</table>
</td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
</body>
</html>
问题的关键在于布局,本文章用的表格布局。
原理如下图:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>企业邮箱</title>
</head>
<body>
<table width="100%" border=0>
<tr height="300px"><td></td><td></td><td></td></tr>
<tr><td width="550" height="300"></td ><td>
<table width="555px" height="320px" border=0 background="bp.jpg">
<tr><td height="50px" colspan="2"> </td></tr>
<tr><td width="270px"> </td><td>
<form action="main.html" method="post">
<table border=0 height="100%">
<tr><td> 用户名:</td><td><input type="text" name="username"/></td></tr>
<tr><td>密 码:</td><td><input type="password" name="pwd" </td></tr>
<tr><td colspan="2"> <input type="submit" vaule="一脸懵逼" width="100"/> <input type="reset" vaule="重新填写" /> </td></tr>
<tr><td colspan="2"> <a href=#>找回密码</a> <a href=#>注册用户</a></td></tr>
</table>
</form>
</td></tr>
<tr><td colspan="2"> </td></tr>
</table>
</td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
</body>
</html>
相关文章推荐
- 09 使用table布局 设计企业邮箱登陆界面
- 4000 HTML练习制作邮箱登陆界面
- HTML写的第一个邮箱登陆的界面
- HTML写的第一个邮箱登陆界面
- html编写邮箱登陆界面
- 使用html表格布局做一个企业邮箱登录界面
- 作业:用HTML制作邮箱登陆界面
- html实战演练--高级邮箱登陆界面和邮件管理系统
- 邮箱的登陆界面,选择登陆到不同类型的邮箱 编程怎么实现
- 替换GINA.DLL实现自己的登陆界面[酷狗] 转
- .net 像hao123的快捷邮箱登陆的实现代码
- 企业邮箱无法登陆提示
- .net 像hao123的快捷邮箱登陆的实现代码
- 如何通过动态生成Html灵活实现DataGrid分类统计的界面显示功能 activeandbadboy [原作]
- 如何通过动态生成Html灵活实现DataGrid分类统计的界面
- 用WebBrowser实现HTML界面的应用
- 替换GINA.DLL实现自己的登陆界面 http://www.xiaozhou.net/ReadNews.asp?NewsID=569
- exchange 自定义邮箱登陆界面
- 如何在c#里实现登陆界面
- 替换GINA.DLL实现自己的登陆界面