HTML 网页制作 网易邮箱登录页面 关键代码

最新推荐文章于 2023-05-26 19:17:14 发布
最新推荐文章于 2023-05-26 19:17:14 发布
阅读量4.1w 收藏 33
点赞数 12
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36074362/article/details/52798703
版权 
<p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网易邮箱登录</title>
</head></p><p><body>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
  <td><img src="images/163logo.gif" width="131" height="59" /></td>
  <td align="right">免费邮 企业邮 VIP邮箱 帮助</td>
 </tr>
</table>
<br />
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
  <td width="369"><table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td><img src="images/imap.jpg" width="369" height="242" /></td>
   </tr>
   <tr>
    <td><ul>
     <li>163/126/yeah三大免费邮箱均默认开放</li>
     <li>全面支持iPhone/iPad及Android等系统</li>
     <li>客户端、手机与网页，实现发送、阅读邮件立即同步普通登录手机号登录</li>
    </ul>     </td>
   </tr>
  </table></td>
  <td>&nbsp;</td>
  <td width="370" valign="top"><table width="100%" border="1" cellspacing="0" cellpadding="10">
   <tr>
    <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
       <td height="50"><img src="images/loginIcon.gif" width="24" height="24" hspace="0" vspace="0" align="absmiddle" /> <strong>普通登录</strong></td>
      </tr>
     </table>
     <form id="frmLogin" name="frmLogin" method="post" action="">
      <table width="100%" border="0" cellspacing="0" cellpadding="5">
       <tr>
        <td width="80" height="40" align="right">用户名</td>
        <td><input name="userName" type="text" id="userName" size="18" />
         @163.com</td>
       </tr>
       <tr>
        <td height="40" align="right">密　码</td>
        <td><input name="passWord" type="password" id="passWord" size="18" /></td>
       </tr>
       <tr>
        <td height="40" align="right">版　本</td>
        <td><select name="version" id="version">
          <option value="默认">默认</option>
          <option value="极速">极速</option>
         </select></td>
       </tr>
       <tr>
        <td height="40" align="right">&nbsp;</td>
        <td><input type="checkbox" name="autoLogin" id="autoLogin" />
         自动登录 
          <input name="ssl" type="checkbox" id="ssl" checked="checked" />
         SSL</td>
       </tr>
       <tr>
        <td height="40" align="right">&nbsp;</td>
        <td><input type="submit" name="btnLogin" id="btnLogin" value="登录" /> <input type="button" name="btnReg" id="btnReg" value="注册" /></td>
       </tr>
      </table>
     </form></td>
   </tr>
  </table></td>
 </tr>
</table>
<br />
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
  <td bgcolor="#f7f7f7"><img src="images/netease_logo.gif" width="122" height="44" /></td>
  <td align="right" bgcolor="#f7f7f7">关于网易 免费邮 官方博客 客户服务 隐私政策   |   网易公司版权所有 &copy; 1997-2011</td>
 </tr>
</table>
</body>
</html></p>
qq_36074362
关注
  • 12
    点赞
  • 踩
  • 33
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
HTML163网易邮箱登录页面源代码
11-16
HTML163网易邮箱登录页面源代码 input标签
网易邮箱登录页面HTML5布局
XiaoBino_O的博客
05-03 339
网易邮箱登录界面HTML5布局
网易邮箱登录界面制作方法
money_monkey的博客
07-14 4360
代码】网易邮箱登录界面制作方法。
网易邮箱登陆页面HTML5
qq_64960245的博客
05-26 1525
1.利用插入图片。2.利用和对免费邮到帮助进行超链接。
HTML，模仿网易登陆界面
qq_51131331的博客
01-09 3617
1、展示效果： 2、网页代码： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-widt...
编写网易邮箱登陆界面
qq_44651930的博客
10-25 2684
html+css编写网易邮箱登陆界面
仿网易邮箱切换登录html代码
01-09
【标题】"仿网易邮箱切换登录html代码"所涉及的知识点主要集中在网页设计与前端开发领域，特别是HTML语言的应用。这个项目旨在模仿网易邮箱的登录界面，实现用户可以通过左侧的选项卡在163邮箱、126邮箱和Yeah邮箱...
如梦令+网易163邮箱 HTML+CSS代码
07-31
在设计网易163邮箱界面时，HTML可能会包括以下几个关键元素： 1. **头部（Head）**：存放元数据，如页面标题、字符集设置（`<meta charset="UTF-8">`）以及引用外部CSS文件（`...
仿163邮箱登录页面
04-14
【仿163邮箱登录页面】是一个常见的前端开发练习，主要目标是模仿163邮箱的登录界面，以便学习和掌握网页布局、样式设计以及交互实现等技能。在这个项目中，我们将关注三个主要方面：HTML结构（div标签）、CSS样式...
HTML自定义滚动条（仿网易邮箱滚动条）
02-18
HTML自定义滚动条是网页设计中的一个重要技巧，它允许开发者根据网站或应用的风格来定制浏览器的默认滚动条，提供更一致的用户体验。在本案例中，我们将关注如何使用HTML和CSS来创建一个仿网易邮箱样式的滚动条，...
网易邮箱注册界面设计 html
zjl-wgf
02-27 1万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;139-网易注册界面搭建&lt;/title&gt; &lt;style&gt; body,div,dl,dt,dd,
CSS - 盒子模型
曹振飞的博客
07-02 528
盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。 因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。内容：（content）盒子里面的东西；填充：(padding)怕盒子的内嵌泡沫；div{ padding-top:20px; padding-rig
【大前端】用html和css写一个QQ邮箱登录页面
热门推荐
怪&的个人博客
01-16 1万+
一、HTML代码如下： 命名为：qq邮箱页面.html <!DOCTYPE html> <html> <head> <style type="text/css"> @import"./QQ邮箱页面.css";</style> <!--引入“QQ邮箱页面.css”--> </head> <body> <!-- ------------------------------------
仿网易163邮箱界面模板
diaobang0776的博客
05-01 1472
链接：http://pan.baidu.com/s/1i57bVzn密码：qzpg 转载于:https://www.cnblogs.com/wordblog/p/6790861.html
前期H5+CSS3网易邮箱注册页面
gl1095689956的博客
03-15 4065
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;网易注册界面&lt;/title&gt; &lt;link rel="stylesheet" href="css/
网易邮箱登录页面html5布局,css实现tab效果仿163邮箱样式
weixin_35826166的博客
06-03 2465
复制代码代码如下:163邮箱tab*{margin: 0px;padding: 0px;}.dvTab{font-family: 'Microsoft Yahei',verdana;font-size:14px;height: 36px;position: absolute;left: 0px;width: 100%;top: 52px;}.menu{margin-left:12px;color:...
html模拟自动登录,htmlunit模拟浏览器实现163邮箱自动登录
weixin_34080081的博客
05-31 596
对于表单隐藏在js内，需要解析js并动态加载网页，找了很多组件，包括httpunit，后来试验htmlunit通过。感觉httpunit还是比htmlunit差点，所以建议用htmlunit来解析js动态加载的网页并自动提交表单。对于模拟浏览器的htmlunit组件还是有很多需要挖掘，这样才能试验不同网站的通用性解析。重点是：Htmlunit版本会爆出如sslcontext以及httpclient...
仿网易163的在线HTML编辑器及其轻量化结构
iteye_12813的博客
09-15 374
网上有些免费的在线HTML编辑器，有的功能实在是过于强大但显得臃肿不堪；有的外表轻松紧凑但又没有直接的源码提供。根据163、sina、sohu等门户网站邮箱里的编辑器样式，个人改造了一个功能简单的Editor: 编辑器一般包括二个部分: 工具条和文本区,文本区又可以通过按钮进行源码方式和文本方式的切换即存在文本域与源码域。 首先是采用一个标准的样式表来规范编辑器的页面，有以下基于图形t...
html制作网易邮箱登录页面
最新发布
06-02
HTML是一种标记语言，可以用于制作网页。如果您想制作网易邮箱登录页面，可以按照以下步骤进行： 1. 创建一个HTML文件，可以使用任何文本编辑器来创建，例如记事本、Sublime Text等。 2. 在HTML文件中使用DOCTYPE声明，告诉浏览器使用哪个HTML版本。 3. 在<head>标签中添加<meta>标签，用于指定编码方式和视口设置等信息。 4. 在<body>标签中添加表单元素，例如<input>、<label>等，用于收集用户输入的信息。 5. 使用CSS样式表美化页面，例如调整颜色、字体、布局等。 以下是一个简单的HTML代码示例，实现了网易邮箱登录页面的基本功能： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网易邮箱登录</title> <style> /* CSS样式表 */ body { background-color: #f2f2f2; font-family: Arial, sans-serif; } form { width: 400px; margin: 0 auto; background-color: #fff; padding: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; } label { display: block; margin-bottom: 10px; } input { width: 100%; height: 40px; border-radius: 5px; border: none; padding: 10px; margin-bottom: 20px; box-sizing: border-box; } input[type="submit"] { background-color: #d33; color: #fff; cursor: pointer; } input[type="submit"]:hover { background-color: #c00; } </style> </head> <body> <form> <h1>网易邮箱登录</h1> <label for="email">邮箱</label> <input type="email" id="email" name="email" required> <label for="password">密码</label> <input type="password" id="password" name="password" required> <input type="submit" value="登录"> </form> </body> </html> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值