TEORI

FORMAT KAITAN DAN FORMAT FORMULIR PADA

HALAMAN WEB
FORMAT KAITAN DAN FORMULIR
PADA HALAMAN WEB

KOMPETENSI DASAR
3.5 Menerapkan format kaitan pada halaman web
3.6 Menerapkan format formulir pada halaman web
A. Format kaitan pada
halaman web
Ada beberapa cara untuk menampilkan pranala pada halaman web.
Jika pengunjung website sedang mengklik siatu kata atau gambar
yang mengandung hyperlik, ia akan diarahkan untuk menuju kealamat
URL yang ada di dalam hyperlink tersebut.
Hyperlink adalah sebuah fungsi khusus untuk menghubungkan
setiap masing-masing halaman website satu sama lainnya atau ke
website yang lain.
1. Konsep Hyperlink dalam
HTML
Link berguna untuk menghubungkan antar dokumen HTML. Link
merupakan singkatan dari hyperlink, yang identick dengan sebuah
fungsi dalam HTML yang digunakan untuk memudahkan user untuk
menelusuri seluruh isi atau informasi yang tersimpan dalam website
yang bersangkutan. Dalam HTML, sebuah objek yang berupa link
akan ditampilkan dengan font berwarna biru style underline(bergaris
bawah). Jika pointer mouse ditujukkan ke link resebut, pointer mouse
akan berubah menjadi telunjuk tangan. Jika link pernah diakses atau
dikunjungi, warna dari teks akan berubah menjadi ungu.
1. Konsep Hyperlink dalam
HTML
Link dalam HTML ditandai dengan tag <A> (Anchor) yang terdiri dari atribut
HREEF yang digunakan untuk menuliskan lokasi tujuan (file) dari link dan variabel
NAME yang digunakan untuk menyimpan nama variabel kunci sebagai lokasi
(bagian) `yang akan dituju` oleh link.
Sintaks link adalah sebagai berikut: <a href=”url”> nama link</a>
Link dapat dibuat pada suatu teks atau gambar dengan cara melatakkan teks atau
gambar tersebut di antara tag pembuka < A HREF> dan tag penutup </A>.
Contoh kode penulisan link adalah sebagai
berikut
a. Mengenal jenis link
Kelebihan utama dari dokumen HTML adalah kemampuannya
untuk memberikan link dari satu teks atau gambar menuju ke
dokumen atau bagian lain dalam suatu dokumen html. Browser
Web akan meyorot (“highleght”) teks atau gambar yang
didefinisikan sebagai link dengan warna dan garis bawah
untuk menunjukkan bahwa itu adalah hyperlink atau link.
 a. Mengenal jenis link
1. Link absolute
Link absolut adalah link yang fungsinya untuk berpindah antara halaman website
yang satu dengan website yang lain di internet.atau
Link absolute adalah link yang mengarah langsung pada website tertentu, dimana
sebuah dokumen dikunnci pada alamat valid sebuah website dan tidak tergantung
pada directory lokasi dokumen html berada. Ole sebab itu, alamat dapat digunakan
pada website lain selama alamat tersebut masih valid. Perhatikan contoh berikut
Contohnya
<a href =www.duniailkom.com>Kunjungi blog saya</A>
 
 a. Mengenal jenis link
2. Link Relatifah
link yang mengarah langsung pada lokasi path atau directory tujuan yang
tersimpan pada web server atau kommputer tanpa diawali denga alamat
domain website tersebut.
atau
Link relatif ada
Link relatif merupakan link yang fungsinya untuk berpindah antar halaman
web komputer yang sama. Jika dua halaman web berada pada satu direktori
yang sama, maka dapat dituliskan nama file halaman yang dituju. Contohnya :
 
<a href =”halaman2.html”>Lanjut</A>
 
 b. Sintaks Link
Sintaks link adalah <a href=“url”> nama link</a>. Link dapat dibuat
pada suatu teks atau gambar dengan meletakan teks atau gambar tersebut
diantara tag pembuka <A HREF> dan tag penutup</A>. 
2. Tag- Tag untuk hyperlink
Peran link dalam halaman web sangat besar dan selalu dibutuhkan untuk
memudahkan pengguna web dalam berinteraksi dengan halaman-halaman web
yang ada.
Link tag identik dengan sebuah tag pada html yang digunakan untuk
menghubungkan dokumen satu dengan dokumen lainnya yang bersumber dari
dalam (internal) maupun dari luar(eksternal)
2. Tag- Tag untuk hyperlink
a. Tag <a>
<a> berfungsi dalam mengidentifikasi sebuah hyperlink yang digunakan untuk
menghubungkan halaman satu ke halaman lainnya.
b. <link>
<link > berfungsi untuk menguhungkan dokumen yang bersangkutan dengan
sumber file yang berasal dari luar (external).
c. <Mailto>
Berfungsi memudahkan pengguna untuk mengirim email ke suatu alamat email
tertentu.
Contoh:
Link yang langsung menuju ke alamat e-mail.
<a href=”mailto:budi.prihhastomo13@gmail.com?subject=judulnya?”>
Kiri email</a>
 Contoh penulisan link internal

Hello1.html hello.html
Contoh penulisan link
external

Link_absolute
 Contoh penulisan link pada
html

Berikut video
tutorial