Berbagai Contoh Script HTML

Berikut adalah contoh - contoh html dari yang dasar sampai yang ketingkat yang lebih tinggi. Tetapi disini saya share sebagian saja. Langsung sajaaa, Cekiiiddoootttt~!

1. Contoh table sederhana beserta warna :
ini script nya:
<html>
<head>
<title>Table</title>
</head>
<body>
<table border="1">
<tr align="center" valign="baseline">
<td colspan="4" bgcolor="grey">Satu</td>
<tr align="center" valign="middle">
<td bgcolor="pink">Dua</td>
<td rowspan="2" bgcolor="purple">Empat</td>
<td bgcolor="red">Lima</td>
<td rowspan="2" bgcolor="green">Tujuh</td>
<tr align="center" valign="baseline">
<td bgcolor="blue">Tiga</td>
<td bgcolor="yellow">Enam</td>
<tr align="center" valign="baseline">
<td colspan="2" bgcolor="violet">Delapan</td>
<td bgcolor="lavender">Sembilan</td>
<td bgcolor="chain">Sepuluh</td>
<tr align="center" valign="baseline">
<td colspan="4">Sebelas</td>
</tr>
</table>
</body>
</html>


2. Contoh penggunaan form :

ini script nya:
<html>
<head>
<title>Contoh Penggunaan From</title>
</head>
<body>
<form action ="info.htm" method = "post">
Nama :<input type= "text" name="nama" size="20" maxlength="20">
<br>
Hobby :<input type="text" name="hobby" size="25" maxlength="40">
<br>
<input type="submit" value="kirim">
<input type="reset" value="kosongkan">
</form>
</body>
</html>


3. Contoh penggunaan tipe checkbox :

ini script nya :
<HTML>
<HEAD>
<TITLE>Contoh Penggunaan Formulir</TITLE>
</HEAD>
<BODY>
<FORM>
Buah yang Anda sukai:<BR>
<INPUT TYPE = "CHECKBOX" NAME = "anggur" CHECKED>Anggur<BR>
<INPUT TYPE = "CHECKBOX" NAME = "jeruk">Jeruk<BR>
<INPUT TYPE = "CHECKBOX" NAME = "melon">Melon<BR>
</FORM>
</BODY>
</HTML>


4. Contoh penggunaan form dalam table :



ini scriptnya:
<html>
<head>
<title>Belajar Membuat Form</title>
</head>
<body bgcolor="grey">
<form action ="info.htm" method = "post">
<PRE>
Nama                      : <INPUT TYPE = "TEXT" NAME = "nama" SIZE = "20" MAXLENGTH = "20">
Password                : <INPUT TYPE = "PASSWORD" NAME ="PASSWORD" SIZE = "20" MAXLENGTH = "20">
</PRE>
Jenis Kelamin:
<INPUT TYPE = "RADIO" NAME = "sex" CHECKED>Laki - Laki
<INPUT TYPE = "RADIO" NAME = "sex">Perempuan<BR>
Hobby:
<INPUT TYPE = "CHECKBOX" NAME = "Sepak Bola">Sepak Bola
<INPUT TYPE = "CHECKBOX" NAME = "Bulu Tangkis">Bulu Tangkis
<INPUT TYPE = "CHECKBOX" NAME = "Berenang">Berenang
<INPUT TYPE = "CHECKBOX" NAME = "dan lain - lain">dan lain - lain
<BR>
Asal Kota:<BR>
<SELECT NAME = "Asal Kota">
<OPTION VALUE = "Jakarta">Jakarta<OPTION VALUE = "Pekanbaru">Pekanbaru<OPTION VALUE = "Medan">Medan<OPTION VALUE = "Surabaya">Surabaya<OPTION VALUE = "Lain-lain">Lain-lain
</SELECT>
<BR>
Komentar Anda:<BR>
<TEXTAREA NAME = "komentar" ROWS = "5" COLS = "40" WRAP>
</TEXTAREA>
<BR>
<input type="submit" value="Submit"></a> 
<input type="reset" value="kosongkan">
</form>
</body>
</html>

Postingan terkait:

Belum ada tanggapan untuk "Berbagai Contoh Script HTML"

Post a Comment