天天看點

新浪登陸界面

代碼:

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

運作結果:

新浪登陸界面
新浪登陸界面
新浪登陸界面