Penjelasan dan Penggunaan Table, Form, Frame dan Hyperlink di HTML
1. Tabel
a. Atribut ROWSPAN
Atribut ini digunakan untukmenggabungkan beberapa baris dalam satu kolom menjadi satu baris (merge cell)
b. Atribut COLSPAN
Atribut ini digunakan untuk menggabungkan beberapa kolom dalam satu baris menjadi satu kolom (merge cell), dimana atribut ini juga dapat digabungkan dengan atribut sebelumnya yaitu ROWSPAN
c. Atribut Latar Belakang Tabel
Untuk memberikan warna latar belakang didalam table maka dapat digunakan atribut bgcolor disertai dengan latar yang diinginkan, misalkan latar belakang table akan diisi dengan warna biru, maka dapat dilakukan BGCOLOR=”BLUE”, atau latar belakang diisi dengan gambar maka dapat dilakukan dengan BACKGROUND=”namafile.jpg”, file yang dapat digunakan untuk latar belakang adalah *.JPG, *.GIF, *.BMP dan
*.PNG.
d. Atribut Align
Atribut ini digunakan untuk pengaturan pelurusan dari suatu cell, adapun macam pelurusan ini ada tiga yaitu LEFT, CENTER, dan RIGHT. Pelurusan cell ini diperlukan terutama untuk informasi data mengenai mata uang, atau yang berhubungan dengan nilai uang misalkan daftar harga. Bila ada daftar harga maka sebaiknya digunakan align RIGHT, sehingga akan memudahkan pembacaan.
2. Tabel Bersarang (Nested Table)
Kata bersarang (nested) sering digunakan pada istilah-istilah pemrograman dan sering dijumpai dalam setiap pemrograman. Demikian pula dalam pembuatan script HTML yaitu table bersarang, yang artinya adalah didalam suatu table terdapat table yang lain, kemungkin ini bias saja terjadi dengan meletakkan tag <table> didalam tag <table> lainnya, sehingga didapatkan table yang bersarang di dalam table lainnya.
3. Tag FrameSet
Sesuai dengan namanya frame yang berarti bingkai, adalah berhubungan dengan pengaturan bingkai sebagai pembentuk jendela tampilan pada browser. Sehingga dapatlah jendela browser dibagi menjadi beberapa frame. Ada tiga pengaturan frame, yaitu secara vertical, horizontal dan kombinasi dari vertical dan horizontal. Script HTML yang digunakan untuk pengaturan frame maka tidak dapat digunakan untuk membuat halaman tampilan web, untuk itu diperlukan file yang berisi script HTML lain dan disisipkan kedalam script frame tesebut. Jadi bila ada dua frame maka diperlukan dua file HTML. Untuk dapat menyisipkan ketiga file HTML tesebut kedalam frame, diperlukan nama yang jelas dan benar serta dimana letak folder/ direktorinya, karena informasi tersebut digunakna didalam tag <frameset>.
4. Form
Di gunakan untuk menerima informasi atau meminta umpan balik dari user dan
memproses informasi tersebut di server
Standar penulisan:
| <form method=“post/get” action=“. . .”> . . . </form> |
Elemen Form
Tag <FORM> digunakan untukmembuat form dalam document HTML
Atribut | Fungsi |
Method | Metode pengiriman data ke file tujuan (POST atau GET) |
Action | Aksi yang akan dilakukan jika user menekan tombol Submit |
Name | Memerikan nama tiap masukan |
Value | Memberikan nilai suatu masukan |
Type | Tipe form yang akan digunakan |
HTML Input Elemen
Pada saat membuat form anda bisa meletakkan control-control pada form untuk memperbolehkan inputan dari user . semua control biasanya di letakkan di antara tag <FORM></FORM> tapi anda juga bias meletakkan control diluar tag tersebut. Untuk menambahkan control gunakan tag <input>.
Berikut macam-macamcomponent input:
Textbox
Untuk membuat sigle line text control. Attribute size digunakan untuk menentukan jumlah character yang bisa ditampilkan, sementara maxlength attribute digunakan untuk menentukan maximum character yang bisa di masukkan.
Contoh Penulisan syntaxtextbox :
| <INPUT TYPE=”TEXT” NAME=”textbox” VALUE=”” SIZE=”20”> Submit dan Reset |
Tombol Submit: digunakan ketika user mengisi form dan ingin mengirimkan ke server, sedangkan Tombol Reset: digunakan ketika user ingin menghapus/mengosongkan semua masukan yang ditulis dalam for
Checkbox
digunakan Untuk memberi beberapa pilihan kepada user
Radio button
Fungsi:
Untuk memberi (hanya) satu pilihan kepada user, Setiap radio button control harus memiliki nama yang sama, sehingga user hanya bisa memilih satu option saja. Radio button juga harus secara explisit memberikan nilai ke atribut value.
Text Area
Fungsi:
Sebagai field masukan untuk pengunjung (dapat menerima lebih dari satu baris teks). Biasa disebut sebagai kotak komentar.
Untuk membuat textarea gunakan tag <TEXTAREA></TEXTAREA>
Daftar Drop Down
Fungsi:
Memberikan menu pilihan kepada user (cara kerjanya seperti radio button
yang hanya mengijinkan user untuk memilih 1 pilihan saja)
Hyperlink
Fasilitas hyperlink dipergunakan untuk menghubungkan atau membuat suatu link didalam sebuah dokumen maupun alamat URL. Ada beberapa hal yang perlu diketahui tentang model model dari hyperlink diantaranya yaitu :
· Link Address
· Anchor
· Link Ke dokumen lain
· Link ke bagian tertantu dalamdokumen
· Link ke bagian tertentu pada dokumen lain
0 Komentar