首页 > 代码库 > 新浪登陆界面

新浪登陆界面

代码:

<body bgcolor=‘BEE1F5‘>
    <!--logo-->
    <table width=‘800‘ align=‘center‘ bgcolor=‘BEE1F5‘>
         <td colspan=‘4‘ height="186" align=‘center‘ background=‘images/bg_reg_wave.png‘ bgcolor=‘BEE1F5‘>
                <img src=‘images/logo_big.png‘>
        </td>
    </table>
    <table width=‘800‘ align=‘center‘ bgcolor=‘#fff‘ cellspacing=‘0‘ cellpadding=‘0‘>
        <!--上边空白-->
        <tr>
            <td colspan=‘6‘ height=‘40‘></td>
        </tr>
        <!--第一行开始-->
        <tr height=‘60‘>
            <td rowspan=‘9‘ width=‘40‘></td>
            <td colspan=‘4‘>
                <font size=‘5‘> 个人注册&nbsp;|&nbsp; </font><font size=‘5‘ color=‘orange‘> <u>官方注册 </u></font>
            </td>
            <td rowspan=‘9‘ width=‘40‘></td>
        </tr>
        <!--第二行开始-->
        <tr>
            <td colspan=‘3‘>
                <font size=‘2‘>官方认证类型包括:政府、企业、媒体、网站、应用、机构、公益、校园组织<br>
                <font color=‘red‘>注意:非官方类用户请直接在<a href=‘#‘>个人注册</a>处注册</font></font>
            </td>
            <td>已有账号,
                <font color=‘blue‘>直接登陆>></font><br>
                <img src=‘images/line2.png‘>
            </td>
        </tr>
        <!--第三行开始-->
        <tr>
            <td align=‘right‘>
                <img src=‘images/email_logo.png‘><font color=‘red‘>*</font>邮箱:
            </td>
            <td>
                <input type=‘text‘ name=‘email‘ placeholder=‘使用邮箱登陆‘>
                <img src=‘images/error.png‘>
                <font color=‘red‘ size=‘2‘>请输入常用邮箱<br>或使用<font color=‘blue‘>手机注册
                </font></font>
            </td>
            <td rowspan=‘6‘>
                <img src=‘images/line.png‘>
            </td>
            <td>
                微博注册帮助
            </td>
        </tr>
        <!--第四行开始-->
        <tr>
            <td align=‘right‘>
                <font color=‘red‘>*</font>设置密码:
            </td>
            <td>
                <input type=‘password‘ name=‘pass‘ placeholder=‘‘>
                <img src=‘images/error.png‘>
                <font color=‘red‘ size=‘2‘>请输入密码</font>
            </td>
            <td>
                <img src=‘images/1.png‘>
                <font color=‘blue‘ size=‘2‘>微博注册操作指南</font>
            </td>
        </tr>
        <!--第五行开始-->
        <tr>
            <td  align=‘right‘>
                <font color=‘red‘>*</font>官方注册微博名:
            </td>
            <td>
                <input type=‘text‘ name=‘weiboname‘ placeholder=‘请参考组织/企业‘>
                <img src=‘images/error.png‘>
                <font color=‘red‘ size=‘2‘>请输入昵称</font>
            </td>
            <td>
                <img src=‘images/2.png‘>
                <font color=‘blue‘ size=‘2‘>注册时提示“你所使用的IP地址异<br>常”,该怎么办?</font>
            </td>
        </tr>
        <!--第六行开始-->
        <tr>
            <td align=‘right‘>
                    <font color=‘red‘>*</font>所在地:
            </td>
            <td>
                <select name=‘address1‘>
                    <option value=‘guangdong‘> 广东</option>
                    <option value=‘sichuan‘>四川</option>
                    <option value=‘anhui‘>安徽</option>
                    <option value=‘hunan‘>湖南</option>
                </select>
                <select name=‘address2‘>
                    <option value=‘guangzhou‘>广州</option>
                    <option value=‘shenzheng‘>深圳</option>
                    <option value=‘foshan‘>佛山</option>
                    <option value=‘dongguan‘>东莞</option>
                </select>
            </td>
            <td>
                <img src=‘images/3.png‘>
                <font color=‘blue‘ size=‘2‘>企业用户希望使用的微博昵称不<br>能注册怎么办?</font>
            </td>
        </tr>
            <!--第七行开始-->
        <tr>
            <td align=‘right‘>
                    <font color=‘red‘>*</font>验证码:
            </td>
            <td>
                <input type=‘text‘ name=‘yanzheng‘>
                <img src=‘images/pincode.jpg‘ height=‘20‘>
                <font color=‘blue‘ size=‘2‘>换一张</font>
            </td>
            <td>
                <img src=‘images/3.png‘>
                <font color=‘blue‘ size=‘2‘>注册后,是否可以找回被其他人<br>占用的企业昵称呢?</font>
            </td>
        </tr>
        <!--第八行开始-->
        <tr>
            <td align=‘center‘ colspan=‘2‘ height=‘45‘>
                <img src=‘images/btn_reg.png‘ width=‘180‘><br>    
            </td>
            <td> 
                <font color=‘blue‘ size=‘2‘>更多帮助>></font>
            </td>
        </tr>
            <!--第九行开始-->
        <tr>
            <td></td>
            <td align=‘left‘ colspan=‘2‘>    
                <font color=‘blue‘ size=‘2‘>
                微博服务使用协议<br>
                微博个人信息保护政策<br>
                全国人大常委会关于加强网络信息保护的决定
                </font>
            </td>
        </tr>
        <!--下边空白-->
        <tr>
            <td colspan=‘6‘ height=‘40‘></td>
        </tr>
    </table>
    <table width=‘800‘ align=‘center‘ bgcolor=‘BEE1F5‘><br>
        <tr height=‘12‘ align=‘center‘>
            <td width=‘20‘>
                <img src=‘images/weibo.png‘ height=‘12‘>
            </td>
            <td>
                <font size=‘1‘color=‘#999999‘>北京微梦创科网络技术有限公司</font>
            </td>
            <td>
                <font size=‘1‘color=‘#999999‘>京网文[2011]0398-130号&nbsp;京ICP备12002058号</font>
            </td>
            <td>
                <font size=‘1‘color=‘#999999‘>copyright&nbsp;2009-2016&nbsp;WEIBO&nbsp;</font>
                <select>
                    <option>中文(简体)</option>
                </select>
            </td>
        </tr>
    </table>
</body>

运行结果:

技术分享

技术分享

新浪登陆界面