Penjelasan dan Penggunaan Table, Form, Frame dan Hyperlink di HTML

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

Tabel 3.5. Attribut untuk membuat form dalam document

Baca juga : Cara Membuat Case di PHP

   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