Pada kesempatan kali ini saya akan membagikan cara membuat halaman login dengan full html,
langsung saja kita mulai tanpa basa basi.
1. ketik ulang / copy - paste kan code yang saya berikan ke dalam notepad
Berikut code nya :
<html>
<head> login </head>
<title> silahkan login </title>
<body>
<table width="405" height="169" border="0" cellpadding="0"
cellspacing="0">
<tr bgcolor="#428ef6">
<td height="37" colspan="2"><div align="center"><strong>PLEASE
LOGIN</strong></div></td>
</tr>
<tr>
<td width="95" height="32">Username</td>
<td width="304"><label>:
<input name="username" type="text" id="username" />
</label></td>
</tr>
<tr>
<td height="26">Password</td>
<td><label>:
<input name="password" type="password" id="password" />
</label></td>
</tr>
<tr>
<td height="48"> </td>
<td><input name="Login" type="submit" id="Login" value="Login" />
<input name="Batal" type="submit" id="Batal" value="Batal" /></td>
</tr>
<tr bgcolor="#428ef6">
<td height="26" colspan="2"><div
align="right"><strong></strong></div></td>
</tr>
</table>
</body>
</html>
2. lalu klik save as
3. simpan di tempat yang anda inginkan, dengan format sebagai berikut.
Penjelasannya :
- Di dalam <table>...</table> kita bisa mengasih attribut tinggi dan lebar juga. kita tinggal mengasih nilai pada attribut tersebut (height & width).
- <div align="center>... </div> gunanya untuk membuat text rata tengah.
- <strong>...</strong> untuk membuat text menjadi cetak tebal.
- Tag <input> untuk menentukan sebuah field input, dimana pengguna bisa memasukan data. Sebuah input dapat bervariasi dalam banyak cara, tergantung type attribut.
- attribut text pada input untuk membuat text field.
- attribut password untuk membuat text field rahasia.
- attribut submit untuk button
Berikut Hasil Tampilannya :
mudah bukan? silahkan anda coba cara ini sesuka hati.
Sekian untuk pembahasan kali ini, selamat mencoba.
0 comments:
Post a Comment