4-2(网易邮箱页面)前端作业

主页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网易邮箱登录</title>
	</head>
	
		<frameset rows="15%,85%" >
			<frame src="4-2-1.html" />
			<frame src="4-2-2.html" />
		</frameset>
</html>

4-2-1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页1</title>
	</head>
	<body>
		<h4 align="left">
			
			<img src="163.png" align="left"/>
			<font size="4" color="burlywood">| 中文邮箱第一品牌</font>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<font align="right" >企业邮箱 VIP邮箱 会员PLUS 海外用户登录 邮箱大师 | 帮助 登录反馈 </font>
		</h4>
	</body>
</html>

4-2-2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页2</title>
	</head>
	<body margin="0" background="000.jpeg">
		<div id="" style="border: ;width: 300px; padding-left: 700px;">
		<fieldset>
		<legend align="right"></legend>
		
		<table border="0" cellpadding="10px" cellpadding="10px" width="600" >
		<tr>
			<th >邮箱登录</th>
		</tr>
		<tr>
		<td >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="text" value="邮箱账号或手机号"size="20" align="right"  />@163.com</td>
		</tr>
		<tr>
			<td align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="password" id="pass"value="" size="20" align="right" /></td>
		</tr>
		
		<tr>
			<td align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="checkbox" name="checkbox"  checked="checked"/>十天内免登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="http://map.baidu.com" align="left" name="tj map"> 忘记密码?</a>
			</td>
		</tr>
		<tr>
		<td align="center"><input type="submit" value="登录" align="right" size="3-0" /></td>
		</tr>
		
		<tr>
			<td align="center">
				<a href="4-2-3.html" align="center" name="tj map"> 注册新账号</a>
			</td>
			
		</tr>
		</fieldset>
		</table>		
		</div>
	</body>
	
</html>

4-2-3

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	
	
	<body>
		<h2 align="center">欢迎来到网易邮箱</h2>
		<table border="0" cellpadding="10px" cellpadding="30px" width="600" align="center" >

		<tr>
		<td >
			<input type="text" value="邮箱地址" style="width: 400px;height: 30px;color: #ADD8E6;" onmousedown="this.style.color='#000000';"  size="30" align="right" />@163.com</td>
		</tr><tr>
		<td >
			<input type="text" value="密码"  style="width: 400px;height: 30px;color: #ADD8E6;" size="30" onmousedown="this.style.color='#000000';" align="right" /></td>
		</tr><tr>
		<td >
			<input type="text" value="手机号码"style="width: 400px;height: 30px;color: #ADD8E6;" onmousedown="this.style.color='#000000';" size="30" align="right" /></td>
		</tr>
		<tr>
			<td>
		<input type="checkbox" name="checkbox"  checked="checked"/>
		<font color="87CEFA">同意</font><font>《隐私条款》,《隐私政策》和《儿童隐私政策》</font>
		</td>
		</tr>
		</table>
	</body>
</html>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值