1. Script membuat table dalam halaman HTML :
1. <TABLE> … </TABLE> Membuat table dan sebagai tanda awal dan akhir table
2. <TR> … </TR> Membuat baris dalam table
3. <TD> … </TD> Membuat kolom (sel)
4. <TH> … </TH> Membuat judul kolom
5. <CAPTION> … </CAPTION> Membuat judul pada tabel
Adapun atribut-atribut yang ada dalam tag <TABLE> antara lain :
1. BORDER : Menampilkan garis table dengan memberikan nilai untuk BORDER
2. BGCOLOR : Membuat warna latar belakang table
3. HEIGHT : Mengatur tinggi table (tinggi sel)
4. WIDTH : Mengatur lebar sel
5. CELLSPACING : Mengatur jarak bagian sel terhadap tepi dalam bingkai table
6. CELLPADDING : Mengatur jarak teks terhadap tepi kiri
Atribut-atribut untuk <TH> <TR>, dan <TD>
1. ROWSPAN Digunakan dalam <TD>. Atribut ini digunakan untuk menggabungkan beberapa baris sel
2. COLSPAN Digunakan dalam <TH> atau <TD>. Berfungsi untuk menggabungkan beberapa sel dalam satu baris
3. ALIGN Mengatur peletakan dengan memberikan nilai LEFT, CENTER, atau RIGHT
4. VALIGN Mengatur teks menurut posisi vertical dengan memberikan nilai TOP, MIDDLE, atau BOTTOM
2. Membuat Formulir
Formulir digunakan untuk memasukkan data pada halaman web. Tag yang digunakan
untuk membuat Formulir yaitu tag <FORM> … </FORM>. Atribut yang penting dalam
<FORM> yaitu :
No. Atribut Fungsi
1. ACTION Menentukan URL yang akan dijalankan dan menerima semua informasi
yang dimasukkan dalam form
2. METHOD Menentukan cara pengiriman informasi, yaitu dengan nilai GET dan
POST. GET digunakan jika informasi yang dikirim menjadi satu dengan
URL, sedangkan POST digunakan jika informasi dikirim secara terpisah
dengan URL
Berikut ini akan diuraikan tag-tag yang biasa digunakan dalam sebuah FORM (tag-tag ini
berada dalam pasangan tag <FORM> … </FORM> antara lain tag <INPUT>,
<SELECT> … </SELECT>, <TEXTAREA> … </TEXTAREA>.
Tag <INPUT>
Tag <INPUT> yang berfungsi sebagai input data. Tag <INPUT> terdiri dari banyak tipe
yang berguna untuk kotak password, kotak teks, tombol, dan lainnya. Beberapa atribut
pada tag <INPUT> :
No. Atribut Fungsi
1. TYPE Menentukan tipe kotak masukan
2. NAME Menentukan nama data
3. SIZE Menentukan ukuran kotak masukan
4. MAXLENGTH Menentukan jumlah karakter yang dapat dimasukkan dalam kotak isiam
Dan Tipe yang ada dalam atribut TYPE antara lain :
No. Tipe Fungsi
1. TEXT Sebagai kotak isian untuk memasukkan data
2. SUBMIT Membuat tombol. Jika tombol diklik maka URL yang disebutkan pada
atribut ACTION dalam tag <FORM> akan dijalankan
3. RESET Mengembalikan nilai field teks ke default
4. PASSWORD Membuat teks yang diketikkan diganti dengan tanda *
5. CHECKBOX Membuat kotak cek
6. RADIO Membuat tombol radio dalam bentuk 2 pilihan atau lebih yang mana
user hanya dapat memilih satu pilihan.
13
Tag <TEXTAREA> … </TEXTAREA>
Tag ini dibutuhkan untuk masukan teks yang panjang. Beberapa atribut yang terdapat
dalam tag <TEXTAREA>
No. Atribut Fungsi
1. NAME Menentukan nama teksarea
2. COLS Menentukan lebar teksarea
3. WRAP Menentukan teks secara otomatis akan dilipat atau tidak pada area teks
dengan memberikan nilai Hard, off, atau soft
4. ROWS Menentukan panjang teksarea
Tag </SELECT> … </SELECT>
Tag ini digunakan untuk menampilkan beberapa pilihan dengan menggunakan kotak
kombo (drop-down). Untuk menampilkan daftar pilihannya dapat menggunakan tag
<OPTION> dan menyertakan atribut VALUE untuk menyatakan nilai-nilai pilihan.
Sedangkan untuk menyatakan nilai default (nilai bawaan pada saat halaman ditampilkan)
dapat menggunakan atribut SELECTED. Seperti contoh berikut :
<BODY>
Jurusan :
<form action="index.htm" method="post">
<select>
<option value="TI"> Teknik Informatika
<option value="TK" SELECTED>Teknik Komputer</option></select>
</form>
</BODY>
Jika dijalankan di web browser, maka nilai yang tampil secara default akan menampilkan
pilihan Teknik Komputer.
