Tuesday, November 06, 2012

01. Dokumen HTML

 Dokumen HTML selalu tersusun atas tag dasar berikut ini:

<html>
<head>
</head>
<body>
</body>
</html>

Tampak pada struktur tag di atas. Awal dan akhir dokumen ditandai dengan tag html.
Bagian pertama  setelah tagl html akan diikuti tag head sebagai kepala dokumen, dan diikuti dengan  bagian kedua yang merupakan badan dokumen.

Pada bagian kepala dokumen atau head, biasanya diisi dengan setting file,  link ke file CSS  untuk pengaturan style  atau file javascript, dan lain-lain.

Pada bagian body, akan diisi kontrol-kontrol  HTML yang akan menfasilitasi proses input atau penampilan data pada halaman web. kontrol-2 ini merupakan bagian dari kontrol form, yang menjembatani permintaan dan pengiriman data dari dan ke server - web browser. 

<form>

</form>

Kontrol-kontrol ini biasa juga disebut Client-Side Controls, yang mempunyai kode tag "input" dengan tipe yang berbeda-beda, di antaranya:


1. text box, atau kotak masukan free-entry (biasanya bebas diketikkan apa saja, kecuali ada validasi

2. combo box, daftar pilihan dengan hanya satu pilihan
3. radio button, tombol pilihan hanya satu.
4. check box, tombol pilihan lebih dari satu.
5. submit button, tombol pengiriman data ke server.

Textbox, misalnya akan dikodekan sebagai tag input dengan tipe text.

<input type="text" name="textjumlah">


akan tampil seperti di bawah:

pada kotak masukan tersebut, user mengetikkan 12345.

Radio Button

Radio button merupakan elemen html yang digunakan untuk memberikan fasilitas memilih satu nilai dari sekumpulan pilihan. 
Sebagai elemen html input, type-nya ialah "radio".

note: anda mengetikkan beberapa input sekaligus dengan attribute name yang sama. pd contoh ini ialah "rdjenis".

<input type="radio" name="rdjenis" value="laki-laki" > Laki-laki<br>
<input type="radio" name="rdjenis" value="perempuan"> Perempuan<br>



Checkbox
Checkbox merupakan elemen input html bertipe "checkbox", yang digunakan untuk memberikan satu atau lebih pilihan dari beberapa nilai yang tersedia.

Contoh:

Minat: <br>
<input type="checkbox" name="chk1" value"Baca"> Membaca <br>
<input type="checkbox" name="chk1" value"Tulis"> Menulis <br>

<input type="checkbox" name="chk1" value"Travelling"> Travelling <br>


Tombol button.
Untuk mengirim data, digunakan elemen input bertipe button atau submit.

Submit button, merupakan tag input bertipe "submit"

<input name="Submit" type="Submit" id="tombol" value=" Simpan ">




Semua kode tag dan kontrol di atas, disebut juga elemen HTML. Baca s
elengkapnya mengenai elemen ini bisa dibaca lebih lanjut di link berikut ini:
http://www.w3schools.com/html/html_forms.asp 



No comments: