Header Ads

Cara Membuat Link di Halaman HTML

Tujuan kata Hypertext dari HTML adalah membuat sebuah text jika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag link untuk keperluan ini.
Tag link ditulis dengan <a>, singkatan cari anchor (jangkar)
Setiap tag link setidaknya memiliki sebuah atribut href. Dimana href akan berisi alamat yang dituju. (href adalah singkatan dari hypertext reference). Silahkan buka text editor dan buat kode seperti dibawah ini.

<a href="URL Anda">
Teks yang Ingin Ditampilkan
</a>


Link di Jendela/Tab yang Sama :
<a href="http://scriptwebtutorial.blogspot.com/">
Ini Nama Link Saya
</a>


Contoh Hasil Output : Ini Nama Link Saya

Link di Jendela/Tab yang Baru :
Link yang terbuka pada jendela/tab baru maka harus menggunakan atribut target="_blank", berikut contoh penggunaannya:
<a href="http://scriptwebtutorial.blogspot.com/" target="_blank">
Ini Nama Link New Tab Saya
</a>


Contoh Hasil Output : Ini Nama Link New Tab Saya

LOKASI/FILE INTERNAL
Jika lokasi/file terdapat pada folder web anda sendiri, misalkan susunan folder dan file html anda seperti di bawah ini:
File html :
folder/index.html
Lokasi yang dituju :
folder/page2.html

Maka anda dapat menggunakan url langsung seperti ini "page2.html".

Contoh lain
File html :
folder/page/index.html
Lokasi yang dituju :
folder/data.html

Maka anda dapat menggunakan url seperti ini "../data.html".
 
Keterangan :

"./"      = folder yang sama
"../"     = 1 folder lebih atas
"../../" = 2 folder lebih atas (berlaku seterusnya ../../../../dst.)
"/"       = folder teratas

Anda harus melihat posisi file html yang digunakan dalam menampilkan link tersebut terhadap lokasi/file tujuan.


Silahkan mencoba dan bereksperimen.

1 komentar:

Diberdayakan oleh Blogger.