Friday, January 24, 2014

Cara membuat Tamu dengan HTML untuk Sekolah

       1 comment
Assalamu’alaikum wr wb, kembali lagi sahabat ILMU BLOGGER.Sekarang Kita Masuk Dalam Postingan Perdana  Seputar HTML, Saat Ini Kita Akan Belajar Membuat Buku Tamu Pada Sebuah Website, dimana kita akan menginput Nama, Alamat Email, Jenis Kelamin, Hobby, dan Komentar pada Buku Tamu Tersebut. Untuk Lebih Lanjut Kita Langsung Ke TKP Gan, Cekidoott….^_^
Sekarang Agan agan  Copy Script bawah ini dan pastekan ke Notepad, beri nama Bukutamu.html
<html>
<head>
<title>Buku Tamu</title>
</head>
<body>
<form method=”POST” action=”Simpan.ASP”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″
style=”border-collapse” bordercolor=”#111111″
width=”100%” id=”AutoNumber1″ height=”99″>
<tr>
<td width=”100%” colspan=”2″ align=”center” height=”48″bgcolor=green>
<font face=”Microsoft SnsSerif” size=”6″ color=”#FFFF00″><marquee behavior=”alternate”>Buku Tamu</matquee></font></td>
</tr>
<tr>
<td width=”23%” height=”19″ bgcolor=”#00CCFF”><font face=”Comic Sans MS”>Nama Lengkap</font></td>
<td width=”77%” height=”19″ bgcolor=”#00CCFF”><font face=”Comic Sans MS”>
<input type=”text” name=”txtNama”size=”40″ style=”font family:Comic Sans MS;font-size:12pt”></font></td>
</tr>
<tr>
<td width=”23%” height=”19″ bgcolor=”#00CCFF”><font face=”Comic Sans MS”>Alamat Email</font></td>
<td width=”77%” height=”19″ bgcolor=”#00CCFF”><font face=”Comic Sans MS”>
<input type=”text” name=”txtAlamat”size=”40″ style=”font family:Comic Sans MS;font-size:12pt”></font></td>
</tr>
<tr>
<td width=”23%” height=”19″ bgcolor=”#00CCFF”><font face=”Comic Sans MS”>Jenis Kelamin</font></td>
<td width=”77%” height=”19″ bgcolor=”#00CCFF”><font face=”Comic Sans MS”>
<input type=”radio” value=”Pria” checked name=”OptJenis”>Pria
<input type=”radio”name=”OptJenis”value=”Wanita”>Wanita</font></td>
</tr>
<tr>
<td width=”23%”height=”19″bgcolor=”#00CCFF”><font face=”Comic Sans MS”>Agama</font></td>
<td width=”77%” height=”19″bgcolor=”#00CCFF”><font face=”Comic Sans MS”>:
<select size=”1″ name=”cboAgama” style=”font-family:Comic Sans MS;font-size:12pt”>
<option selected value=”Islam”>Islam</option>
<option  value=”Kristen”>Kristen</option>
<option  value=”Hindu”>Hindu</option>
<option  value=”Budha”>Budha</option>
<option  value=”Kepercayaan”>Kepercayaan</option>
</select></font></td>
</tr>
<tr>
<td width=”23%” height=”19″bgcolor=”#00CCFF”><font face=”Comic Sans MS”>Hobby</font></td>
<td width=”77%”height=”19″bgcolor=”#00CCFF”<font face=”Comic Sans MS”>
<input type=”Checkbox”name=C1″Value=”ON”>Sport</font></td>
</tr>
<tr>
<td width=”23%” height=”19″bgcolor=”#00CCFF”>&nbsp;</td>
<td width=”77%”height=”19″bgcolor=”#00CCFF”<font face=”Comic Sans MS”>
<input type=”Checkbox”name=C2″Value=”ON”>Entertainment</font></td>
</tr>
<tr>
<td width=”23%” height=”19″bgcolor=”#00CCFF”>&nbsp;</td>
<td width=”77%”height=”19″bgcolor=”#00CCFF”<font face=”Comic Sans MS”>
<input type=”Checkbox”name=C3″Value=”ON”>Musik</font></td>
</tr>
<tr>
<td width=”23%” height=”19″bgcolor=”#00CCFF”>&nbsp;</td>
<td width=”77%”height=”19″bgcolor=”#00CCFF”<font face=”Comic Sans MS”>
<input type=”Checkbox”name=C4″Value=”ON”>Vacation</font></td>
</tr>
<tr>
<td width=”23%” height=”19″bgcolor=”#00CCFF”>&nbsp;</td>
<td width=”77%”height=”19″bgcolor=”#00CCFF”<font face=”Comic Sans MS”>
<input type=”Checkbox”name=C5″Value=”ON”>Shopping</font></td>
</tr>
<tr>
<td width=”23%”height=”16″bgcolor=”#00CCFF”><font face=”Comic Sans MS”>Komentar</font></td>
<td width=”77%”height=”16″bgcolor=”#00CCFF”><font face=”Comic Sans MS”>
<textarea rows=”6″ name=”S1″cols=”60″></textarea></font></td>
</tr>
<tr>
<td width=”100%”height=”51″bgcolor=green colspan=”2″>
<p align=”center”>
<input type=”submit” value=”Submit”name=”B1″
style=”font-family:Comic Sans MS;font-size=12pt”>
<input type=”reset”value=”Reset”name=”B2″style=”font-family:Comic Sans MS;font-size:12pt”>
</td>
</tr>
</table>
</form>
</body>
</html>
Setelah Teman-teman Copy dan Pastekan ke Notepad coba teman-teman jalankan atau open with pada Mozila Firefox, Internet Explorer ataupun Google Chrome, Teman-teman akan melihat hasil seperti gambar di bawah ini :
http://ilmubloggersyahdan.blogspot.com/
buku tamu
Nah Ini Lah Hasilnya Dari Script HTML yang Sudah kita Save Tadi dan Jalankan tadi,,
Ok, Mungkin Sampai Sini Dulu Postingannya Lain Waktu Kita Sambung Dengan Materi yang Baru Pula,,
Semoga Bermanfaat, Dan Suksess Terus Buat Kita Semua Gan,,
Wassalamu’alaikum wr wb

1 comment:

luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com