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.
Link di Jendela/Tab yang Sama :
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:
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.
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.
Silahkan berkomentar...
BalasHapus