Kamis, 30 September 2010

Belajar HTML

Apa itu HTML?
HTML(Hyper Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag yang
dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web
browser. Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web dengan
lengkap kepada pengguna.
Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti
b, i, u dan sebagainya.

Apa Saja Yang Dibutuhkan?

- Text Editor (Notepad, vi, emacs, dsb)
- Web Browser (Internet Explorer, Opera, FireFox, dsb)
Hanya dengan bermodalkan dua software bawaan Windows itu saja anda sudah dapat membuat
website. Namun Notepad memiliki kekurangan yaitu tidak memiliki syntax highlighting
(pewarnaan kode) sehingga relatif cukup menyulitkan.
Untuk itu saya merekomendasikan pada anda untuk menggunakan “PHP DESIGNER 2006”.
Kelebihan software ini adalah ia memiliki banyak macam syntax highlighting mulai dari HTML,
PHP, JAVA dan masih banyak lagi. Namun yang terpenting dari software ini sifatnya FREE alias
GRATIS.


Jumat, 24 September 2010

Input HTML

Untuk membuat tampilan seperti di atas gunakan perintah dibawah ini
<html>
<head>
<title>Atribut tag Form dan Input</title>
</head>
<body><font face="verdana" size="2">
<form action="coba.php" method="post">
<p><b>Tag input dengan atribut type="text"</b><br>
<input type="text" name="teks_ku" size="16" maxlength="20"><br>
Ini textbox dengan nama <i>teks_ku</i> ukuran <i>16 chr</i> dan maksimal karakrer
yang dapat ditampung <i>20 chr(character)</i>.</p>
<p><b>Tag input dengan atribut type="password"</b><br>
<input type="password" name="password_ku" size="16" maxlength="20"<br>
Ini passwordbox dengan nama <i>password_ku</i> ukuran <i>16 chr</i> dan maksimal
karakrer yang dapat ditampung <i>20 chr(character)</i>.</p>
<p><b>Tag input dengan atribut type="radio"</b><br>
<input type="radio" name="radio_ku" value="isi_1">Radio 1 --> nama
<i>radio_ku</i> isi/value <i>isi_1</i><br>
<input type="radio" name="radio_ku" value="isi_2">Radio 2 --> nama
<i>radio_ku</i> isi/value <i>isi_2</i><br>
<b>Jika nama radio tidak sama maka tidak dianggap satu pilihan. Untuk
membuktikannya silahkan ganti salah satu nama dari radio diatas untuk mengetahui
perbedannya.</b></p>
<p><b>Tag input dengan atribut type="checkbox"</b><br>
<input type="checkbox" name="checkbox_ku_1" value="isi_1">Checkbox 1 --> nama
<i>checkbox_ku_1</i> isi/value <i>isi_1</i><br>
<input type="checkbox" name="checkbox_ku_2" value="isi_2">Checkbox 2 --> nama
<i>checkbox_ku_2</i> isi/value <i>isi_2</i><p>
<p><b>Tag input dengan atribut type="submit"</b><br>
<input type="submit" value="Tombol Submit"><br>
Tombol ini berguna untuk mem-post(mengirimkan variabel dan isi variabel yang ada
pada form ke file tujuan (action="file_tujuan"))</p>
<p><b>Tag input dengan atribut type="reset"</b><br>
<input type="reset" value="Bersihkan"><br>
Tombol ini berguna untuk membersihkan seluruh tulisan yang ada pada seluruh isian
form. Coba isikan semua textbox dan radio lalu tekan tombol ini.</p>
<p><b>Tag input dengan atribut type="hidden"</b><br>
<input type="hidden" value="data_ku" name="data">
Tipe ini berguna jika si webmaster menginkan variabel yang sifatnya sudah
didefinisikan. Dan tidak menampilkan output apapun.</p>
<p><b>Tag input dengan propeti type="image"</b><br>
<input type="image" src="letak_file_gambar_anda" height="98" width="98"><br>
Image memiliki fungsi yang sama dengan type submit</p>
</form></font>
</body>
</html>



lalu simpan.

Senin, 20 September 2010

Tag dan



<html>
<head>
<title>Propeti tag Select dan Option</title>
</head>
<body>
<p><b>Penggunaan select dan dan option</b></p>
<p>Daftar kategori silahkan pilih kategori</p>
<form action="coba.php" method="post">
Kategori: <select name="Pilihan">
<option value="Kategori 1">Kategori 1
<option value="Kategori 2">Kategori 2
<option value="Kategori 3">Kategori 3
</select>
<p><input type="submit" value="KIRIM"></p>
</form>
</body>
</html>