7/26/2019 Jenis Link
1/5
Jenis-Jenis Link
Dalam HTML, link dibedakan menjadi 3 jenis, yaitu :
1. Link Absolut
Link Absolut adalah link yang akan menunjuk ke halaman dari situs web lain. enulisan
alamatnya !un harus ditulis se"ara lengka!. #ebagai "ontoh, jika tema atau isi dari situs web
yang kita buat adalah !emrograman HTML, maka kita da!at membuat link ke situs web lain
yang memiliki tema yang sama atau rele$an. Tujuannya adalah agar !engunjung bisa
mem!eroleh in%ormasi lebih tentang tema tersebut yang &mungkin' tidak(belum kita bahas
!ada situs web kita.
)ontoh : *a
hre%+htt!:((www.w3.org(
-3*(a
. Link /elati%
Link /elati% adalah link yang tujuannya mengarah ke dokumen0dokumen lain yang masih
berada di dalam satu situs web yang sama kom!uter yang sama2. enulisan alamat tujuannya
!un tidak !erlu ditulis se"ara lengka!, "uku! nama dokumennya saja, dan nama direktorinya
jika ada2.
erhatikan "ontoh kode berikut :
*a hre%+kontak.html4ontak*(a
*a hre%+images(jee!(sahara.j!gLihat 5oto 6ee! -rangler #ahara*(a
Menjadikan 7ambar sebagai Link#elain link beru!a teks, gambar juga da!at dijadikan sebagai link.
4onse!nya sebenarnya sama saja dengan link beru!a teks, !erbedaannya hanya !erlu mengganti teks
7/26/2019 Jenis Link
2/5
yang dijadikan sebagai link dengan tag *img.Link yang beru!a teks:*a hre%+dokumenlainteks
link*(a
Link yang beru!a gambar:
*a hre%+dokumenlain*img sr"+8ama5ile7ambar (*(a
)ontoh :
*a hre%+detail0sahara.html
*img sr"+images(jee!(saharal.j!g (
*(a
ada "ontoh di atas kita menjadikan gambar sahara1.j!g yang tersim!an di dalam direktori
images9jee! sebagai link untuk menuju ke dokumen detail0sahara.html.
3. Link kebagian ke do"ument tertentu
Link da!at ber!eran untuk mengarahkan ke bagian teks atau gambar tertentu yang masih
berada dalam satu dokumen yang sama. Link se!erti ini biasanya !ada halaman web yang
memiliki in%ormasi yang !anjang atau !ada dokumen yang memiliki da%tar isi di bagian
atasnya. Tujuannya adalah agar !ara !engunjung tidak !erlu melakukan s"rolling !ada
halaman tersebut untuk menuju(kembali tertentu dalam dokumen bersangkutan.
#a!at juga membuat link internal dalam suatu halaman 0 misalnya da%tar isi di atas dengan link
ke setia! bab . ang !erlu digunakan adalah atribut yang disebutididenti%ikasi2 dan simbol
;
7/26/2019 Jenis Link
3/5
?ntuk membuat link sema"am ini, terlebih dahulu kita !erlu memberikan id atau nama
!ada bagian teks atau gambar tertentu sebagai bagian yang akan dituju. emberian id
tersebut dilakukan dengan "ara menuliskan kode berikut :
*a id+tujuanLinkTeks atau gambar*(a
#elanjutnya untuk membuat link yang akan mengarah ke teks atau gambar yang telah di
namai tersebut adalah dengan menuliskan kode se!erti berikut :
*a hre%+agian Tertentu Dalam Dokumen Lain
#elain bagian yang berada dalam satu dokumen, link da!at juga mengarah ke sesuatu
bagian tertentu yang terda!at dalam dokumen lain. ?ntuk membuat link sema"am ini,
bagian tertentu dalam dokumen lain tersebut harus di tantai dengan !emberian id se!erti
!ada sub0bab sebelumnya. erbedaan hanya terletak !ada !enulisan tujuan link0nya saja.
ada kasus se!erti ini, kita !erlu menambahkan id bagian !ada tujuan link, se!ertiberikut:
*a hre%+nama%ileagianTeks atau gambar*(a
C. Menentukan target link
Target atau tujuan yang dihubungkan melalui suatu link da!at ditentukan sendiri oleh kita. Target
yang di maksud di sini adalah dimana dokumen akan ditem!atkan atau ditam!ilkan. Dalam keadaan
de%ault ketika atribut TA/7@T tidak di sertakan2, dokumen baru yang ditam!ilkan !ada saat link di!ilih
akan menutu! atau menim!a dokumen lama dokumen yang mengandung link bersangkutan2. ?ntuk
melakukan hal, kita hanya !erlu menambahkan atribut TA/7@T di dalam tag *a, yang memiliki bentuk
umum !enulisan se!erti berikut:
*a hre%+8amaDokumen target+8amaTargetTeks(7ambar*a(
8amaDokumen adalah namadokumen yang akan di tam!ilkan jika link bersangkutan di!ilih(diklik
dan 8amaTarget adalah target atau tem!at tujuan dari dokumen yang akan ditam!ilkan. 8amaTarget bisa
bernilai >LA84 mau!un nama %rame jika layar web kita bagi dengan menggunakan %rame2
1. Link Email
#elain menghubungkan antara halaman dan antara bagian0bagian dari satu halaman, tag *a
memungkinkan kita untuk link ke alamat email. Bni adalah "ara !aling sederhana untuk memungkinkan
!engunjung halaman web kita untuk =mengirim !esan= ke!ada kita. Dengan
memberikan link yang da!at diklik ke alamat email kita, maka mudah bagi !engunjung untuk
mengirim !esan dan !engunjung tidak !erlu mengetikkan alamat email.
)ara !enulisan link HTML ke alamat email adalah se!erti berikut :
*a hre%+=mailto:namaCyourdomain."om= 4irim !esan email*(a
7/26/2019 Jenis Link
4/5
4ata0kata ;4irim !esan email akan mun"ul se!erti link *a lainnya .
6ika kita ingin orang melihat alamat email kita yang sebenarnya sehingga mereka da!at
men"ata atau mengirim !esan menggunakan !rogram email yang berbeda 2, adalah se!erti ini :
*a hre%+=mailto:namaCyourdomain."om=namaCyourdomain."om*(a
Dalam kebanyakan web browser, bila seseorang mengklik link tersebut , maka terbuka sebuah
jendela di mana dia da!at mengetik !esan email yang segera dikirimkan ke!ada kita
4ita juga da!at memberikan bebera!a in%ormasi tambahan di link sehingga subjek dan isi
!esan juga langsung tertulis. aitu dengan menambahkan $ariabelsubject (perihal)danbody
isi !esan2. isahkan $ariabel dari alamat email dengan tanda tanya 2 , 8ilai dari $ariabel
dengan tanda sama dengan + 2 , dan kemudian memisahkan masing0masing $ariabel dan nilai
!asangan dengan am!ersand E 2. >erikut adalah "ontoh menentukan subjek dan body untuk
"ontoh email sebelumnya :
*a hre% + =mailto:authorCsomedomain."omsubje"t+ertanyaan E body+4a!an edisi
berikutnya keluar = AuthorCsomedomain."om *(a4etika !engguna mengklik link ini , !esan email dibuat dengan authorCsomedomain."om
sebagai !enerima, ;ertanyaan sebagai subje"t(!erihal , dan 4a!an edisi berikutnya keluar
sebagai isi !esan .
2. Link elepon
4ita juga da!at membuat link tele!on di dokumen web kita. Hal ini karena banyak !engunjung web
menggunakansmartphoneuntuk mengakses website kita, sehingga da!at digunakan untuk melakukan
!anggilan tele!on F 6adi kita da!at menuliskan nomor tele!on, sehingga !engunjung da!at langsung klik
untuk menghubungi nomor tele!on terebut. )ara !enulisannya adalah se!erti"ontoh berikut .
*a hre%+=tel:G13IJK=Hubungi kami di G12 3IJK *(a
4etika !engguna !onsel menekan link tersebut, mereka menda!atkan kotak !eringatan meminta mereka
untuk mengkon%irmasi bahwa mereka ingin melakukan !anggilan tele!on ke nomor tersebut . 5itur ini
didukung !ada !erangkat mobile yang !aling baru, termasuk iN# , Android , >la"kberry , #ymbian ,
Bnternet @O!lorer , dan N!era Mini .
iad dan iod Tou"h tidak da!at membuat !anggilan , teta!i akan menawarkan untuk membuat kontak
baru dari nomor tersebut.
#edangkan untuk !engguna deskto! tidak terjadi a!a0a!a untuk link tersebut.
Ada bebera!a "ara terbaik untuk menggunakan link tele!on :
Dianjurkan agar memasukkan nomor lengka! !anggilan internasional , termasuk kode 8egara, se!erti
PJ untuk Bndonesia, karena tidak diketahui di 8egara mana !engguna akan mengakses web kita
.menuliskan nomor tele!on ke dalam isi link sehingga jika link tidak bekerja , nomor tele!on masih
terba"a .
Android dan ihone memiliki %itur yang da!at mendeteksi nomor tele!on dan se"ara otomatis mengubah
mereka menjadi link. #ayangnya , bebera!a nomor 1G 0 digit yang bukan nomor tele!on mungkin akan
7/26/2019 Jenis Link
5/5
berubah menjadi link juga. 6ika dokumen kita memiliki string angka yang mungkin akan dideteksi sebagai
nomor tele!on, kita da!at mengakti%kan auto 0 deteksi o%% dengan memasukkan elemen meta berikut
dalam ke!ala dokumen kita .
*meta name+=%ormat0dete"tion= "ontent+=tele!hone+no=
?ntuk !erangkat >la"kberry , menggunakan berikut:
*meta htt!0eQui$+=O0rim0auto0mat"h= "ontent+=none=
http://coding.maiwanews.com/2014/07/html-cara-membuat-hyperlink.html
http://kode59.blogspot.co.id/2015/11/enis-enis-link.html
https://!e"ithemes.com
http://www.urnalweb.com/da#tar-website-tempat-download-theme-wordpress-gratis/