Pemrograman HTML

HTML adalah singkatan dari Hypertext Markup Language,yang artinya penulisan yang digunakan dalam dokumen web.Dokumen HTML adalah teks murni yang di buat di dalam editor sembarang,seperti Notepad.Dokumen ini dieksekusi oleh sebuah browser seperti IE,Opera Mini dll,dan menghasikan dokumen sesuai dengan keinginan designer atau programmer web.Dokumen I ni dapat menampilkan gambar,suara ,teks serta penyediaan link terhadap halaman web lainnya,baik denga halaman yang sama maupun berbeda.Cara penyimpanan dokumen HTML harus ditmbahkan extention atau akhiran seperti .htm atau.html,agar dapat di eksekusi pada sebuah browser seperti IE yang dapat mengenali extention .htm atau .html.



Di bawah ini adalah cara untuk membuat buku tamu menggunakan bahasa pemograman 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>
Dan di bawah ini tampilan dari pada tag-tag di atas :

0 komentar:

Posting Komentar

  • description

Ramalan Buat Anda

ramalan