HTML kodlamada kayıt ol ve giriş yap kutularını nasıl yaparım?

Mesela siteye gelen kişi giriş yapmak istiyor işte o kişi bilgilerini yazdığında nasıl yönetim paneline girer?

<style type="text/css">
<!--
.forumtabelle {
 background-color: #F1F1F1;

}

td {
font-family:  tahoma, verdana, arial;
   font-size: 11px;
   color: #000000;
}
-->
</style>
<div id="wrapper">
<div id="sidebar-1" class="sidebar">
<table width="22%" bgcolor="#f1f1f1" style="border: 1px solid silver;">
    <tbody>
        <tr>
            <td bgcolor="#c0c0c0" align="center">
            <p><img align="absmiddle" src="http://www.odevarsivi.com/images/uyelik.gif" alt="" /><strong> &Uuml;ye                Girişi</strong></p>
            </td>
        </tr>
        <tr>
            <td height="1" bgcolor="#f1f1f1" align="center">
            <form action="http://sosyalforum.freehostia.com/" method="post">
                <table width="161" height="87" class="forumtabelle">
                    <tbody>
                        <tr>
                            <td style="font-family: tahoma,verdana,arial; font-size: 11px; color: rgb(0, 0, 0);"><input name="modulenter2[nick]" value="Kullanıcı adı" style="width: 100px;" />
                            <p><input type="password" name="modulenter2[pwd]" value="" style="width: 100px;" /></p>
                            </td>
                            <td style="font-family: tahoma,verdana,arial; font-size: 11px; color: rgb(0, 0, 0);">&nbsp;</td>
                            <td style="font-family: tahoma,verdana,arial; font-size: 11px; color: rgb(0, 0, 0);"><input width="48" type="image" height="48" name="I1" src="http://www.telpabayi.com/td/images/giris.png" tabindex="3" /><input type="hidden" name="mode" value="login" /></td>
                        </tr>
                    </tbody>
                </table>
            </form>
            </td>
        </tr>
        <tr>
            <td bgcolor="#ffffff" align="center"><img align="absmiddle" src="http://www.odevarsivi.com/images/forget.gif" alt="" />                <span style="color: rgb(0, 0, 0); font-size: 15px; text-decoration: none;"><a href="http://sosyalforum.freehostia.com/index.php?action=regcenter;sa=register">                <font color="#000000">&Uuml;ye                Olmak İstiyorum</font></a></span>
            <p>Sitemize                &Uuml;cretsiz &Uuml;ye Olun Daha Fazla Hizmetlerden Yararlanın</p>
            </td>
        </tr>
    </tbody>
</table>
</div>
</div>



Bunu buldum bunu dene istersen

Sadece görünüm olarak mı istiyorsun?

HTML ile giriş bölümünün görüntüsünü oluşturursun. Ama gerçekten kullanıcı adı ve parola ile erişim işlemi çin sunucu taraflı bir kod kullanmalısın (asp.net, asp.core, php gibi)