Jenis Link

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


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

;


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


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


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/

Jenis Link

Documents

Transcript of Jenis Link