Menu Login HTML

Posted by

oke sobat saya akan bagi ilmu nih sedikit tapi semoga bermanfaat,hehehe. saya akan buat bagaimana cara membuat menu login untuk web dari HTML ,, penasaran gimana cara nya? oke langsung aja

Ini contoh udah jadinya bos.

oke lanjut gimana caranya biar bisa jadi sperti yang di atas . buat yang sudah belajar HTML tentu sudah tidak asing lagi dengan namanya scripe, tapi buat yang awam tenang saja gampang banget kok belajar HTML(Hyper Text Markup Language). 
ini dia scripe untuk membuat menu login di atas.
 disini saya menggabungkan HTML dan CCS karna ccs di gunakan untuk mengatur warna,letak dan jarak .


<!DOCTYPE html><html>

<head>
<style>
#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:0px;
}
#navv {
    line-height:30px;
    background-color:white;
    color:black;
    height:670px;
    width:150px;
    float:left;
    padding:0px;      
}
#nav {
    line-height:30px;
    background-color:white;
    color:white;
    height:670px;
    width:150px;
    float:right;
    padding:0px;      
}
#section {
    width:860px;
    float:center;
    padding:10px;  
}
#footer {
    background-color:#FFCCCC;
    color:white;
    clear:both;
    text-align:center;
   padding:0px;  
}
</style>
</head>
<body>13:50 03/06/2015
<body bgcolor="#000000" >
<div id="header">
<img src="md.gif"
</div>


<center>



<div class="wrap" >

<div class="head" >
Login administrator
</div>
<div class="form">


Username : <br/>

<input type="text" name="username"/>
<br/>
Password : <br/>
<input type="password" name="password"/>
<br/>
<a href="home.html"><input type="submit" value="Login" name="button" action="home.html"/></a>
<a href="register.html"><input type="submit" value="Daftar" name="button" action="register.html"  /></a>
</form>
</div>



</center>

</body>

</html>


Langkah-langkah



  • Copy scripe di atas.
  • Simpan di notepad
  • Beri nama filenya dan beri format HTML   contoh( login.html)
bingung maksut format html gimana? oke ane beri contoh







Demo Blog NJW V2 Updated at: Juni 11, 2015

0 komentar:

Posting Komentar