Bab 3. Format kaitan dan format formulir pada halaman web

Di dalam situs web biasanya akan terlihat teks yang warnanya berbeda bergaris bawah, atau berada dalam kotak (tombol). Inilah yang disebut hyperlink. Hyperlink merupakan teks yang akan menghubungkan page World Wide Web ke World Wide Web atau www untuk mengetahui hyperlink aktif pointer akan berubah menjadi pointing finger jika sebuah link sudah pernah diakses atau dikunjungi, warna dari teks/objeck link tersebut akan berubah menjadi ungu.

Konsep Hyperlink dalam HTML

Link berguna untuk menghubungkan antardokumen HTML. Link merupakan singkatan dari hyperlink, yang identik dengan sebuah fungsi dalam HTML yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan.

Dalam HTML, sebuah objek teks yang berupa link akan ditampilkan dengan font berwarna biru style underline (bergaris bawah).

Jenis-Jenis Link

1) Link Absolut

Link absolut adalah link yang mengarah langsung pada website tertentu, di mana sebuah dokumen dikunci pada alamat valid sebuahw ebsite dan tidak tergantung pada direktori lokasi dokumen html berada. 

2) Link Relatif

Link relatif adalah link yang mengarah langsung pada lokasi patha atau direktori tujuan yang tersimpan pada web server atau komputert tanpa diawali dengan alamat domain website tersebut.

3) Sintaks link

Sintaks link adalah <a href="url"> nama link</a>, Link dapat dibuat pada suatu teks atau gambar dengan cara mcletakkan teks atau gambar tersebut di antara tag pembuka < A HREF> dan lag penutup </A>.

Tag-Tag untuk Hyperlink

Peranan link dalam halaman web sangat besar dan selalu dibutuhkan untuk memudahkan pengguna web dalam berinteraksi dengan halaman-halaman web yang ada. Link dalam HTML ditandai dengan tag <A> (Anchor) yang terdiri dari atribut HREF yang digunakan untuk menuliskan lokasi tujuan (file) dari link dan variable NAME yang digunakan untuk menyimpan nama variable kunci sebagai lokasi (bagian) yang akan dituju oleh link.

Atribut tag <a>: target

b. <link>

link berfungsi untuk menghubungkan dokumen yang bersangkutan dengan sumber file yang berasal dari luar (external)

c. <Nav>

Berfungsi untuk mendefinisikan link navigasi

d. Mailo

Kadang-kadang, Anda ingin memudahkan pengguna untuk mengirimkan e-mail ke suatu alamat e-mail tertentu. Hal ini mudah dilakukan dengan tag hyperlink ini, yaitu dengan menambalh "mailto" dan alamat e-mail tujuan.

Format Formulir pada halaman web

Konsep Formulir dalam HTML

form adalah suatu bagian di dalam halaman web yang berfungsi untuk mengizinkan pengunjung mengirim data ke web server.

form berperan sebagai user-interface (antarmuka) atau media untuk berkomunikasi antar user dan web server

1. Tag <form> digunakan untuk mendefinisikan awal dan akhir form pada HTML. Tag <form> harus memiliki atribut action dan atribut method.

Form field adalah elemen-elemen yang ada di dalam form yang digunakan user untuk mengisi data.

Atribut tag form

1. accept-charset

Menentukkan character encodings yang diterima oleh server sebelum form dikirim.

2. action

Menentukkan alamat (URL) yang memproses data form ketika dikirim.

3.completely

Menentukkan apakah input (control) secara otomatis melengkapi konten yang sebelumnya telah ditulis atau tidak.

4.enctype

Menunjukkan encoding type.

5. method

Menentukkan HTPP method yang digunakan oleh browser untuk mengirim data form

6.name

Menentukkan nama untuk sebuah form

7.novalidate

Menunjukkan bahwa form tidak perlu divalidasi ketika dikirim pada sebuah server.

8. target

Menentukkan tempat dari respon yang diterima setelah mengirim form.

Jenis format formulir

1) Format Formulir Horizontal

Untuk membuat tampilan form tertata rapi, umumnya digunakan elemen HTML <table>. Secara umum, layout dari form adalah layout horizontal, yakni layout setiap input ditempatkan di samping dari label keterangan masing-masing input

2) Format Formulir Vertikal

Halaman web berbasis mobile tentu memerlukan form dalam menerima input dari user untuk menyesuaikan ukuran perangkat yang bersangkutan. Oleh scbab itu, layout dari halaman web harus disesuaikan, termasuk untuk layout dari sebuah form

Metode Get and post.

a. Metode GET

Metode GET identik dengan metode yang digunakan olch browser untuk meminta server mengirim kembali resource yang diberikan

b. Metode POST

Metode POST sedikit berbeda dcngan GET karena pada POST akan mengirimkan server permintaan respons dengan memperhitungkan data yang tersedia

Komponen form dalam form 

1. Input text

Berfungsi untuk memasukkan inputan berupa angka maupun teks

2. Select boxnya 

Bentuknya mirip dengan input teks, tapi memiliki indikator anak panah di sebelah kanan.

3. Checkbox

Biasanya terdapat banyak pilihan dan user bisa memilih lebih dari satu pilihan.

4.Radio Button 

Digunakan untuk memilih satu opsi diantara beberapa opsi.