Cara Membuat link di 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. (hrefadalah singkatan dari hypertext reference). Silahkan buka text editor dan buat kode seperti dibawah ini.
Contoh penggunaan tag link <a>:
1
2
3
4
5
6
7
8
9
10
11
| <!DOCTYPE html><html><head><title>Penggunaan Tag Link </title></head><body><h1>Belajar Tag Link</h1><p>Saya sedang belajar HTML dari</body></html> |
Contoh diatas menggunakan alamat absolut, artinya kita menuliskan alamat link dengan lengkap dengan bagian “http://www”. Penulisan seperti ini disebut juga dengan external link, yang berarti kita membuat link ke alamat lain di internet.
Namun jika halaman web yang kita tuju berada di dalam folder tempat kita menjalankan file ini, tidak perlu menuliskan alamat lengkap dari link tersebut, atau disebut juga alamat relatif.
Seandainya kita ingin membuat link kepada file hello.html pada folder yang sama, kode HTMLnya akan menjadi :
Contoh penggunaan tag link <a>:
1
2
3
4
5
6
7
8
9
10
| <!DOCTYPE html><html><head><title>Penggunaan Tag Link </title></head><body><h1>Belajar Tag Link</h1><p>Halaman HTML pertama saya adalah <a href="hello.html">Hello</a></p></body></html> |
alamat absolute ditulis dengan lengkap, seperti http://www.mrizqiariadi.wordpress.com, atau jika kita merujuk kepada halaman tertentu, menjadihttp://www.mrizqiariadi.wordpress.com/nama_halaman.html.
Alamat relatif maksudnya adalah relatif kepada file tempat kita memanggil link ini. Seandainya nama file kita adalah belajar_link.html, dan dalam folder yang sama terdapat halaman belajar_list.html, kita dapat menggunakan href=”belajar_list.html” untuk membuat link ke halaman belajar_list.html .
Jika file tersebut berada di dalam folder lagi_belajar, maka alamat relatifnya menjadihref=”lagi_belajar/belajar_list.html”. Namun bagaimana jika halaman tersebut berada 2 tingkat di luar folder saat ini? Kita dapat menggunakan href=”../../belajar_list.html”, untuk naik 2 folder diatasnya.
Atribut penting dari lainnya tag link adalah target.
Secara default, setiap link yang kita tulis akan terbuka pada jendela yang sama (menimpa halaman web saat ini), jika ingin halaman tersebut terbuka pada tab lain, gunakan atribut target=”_blank”.
Contoh penggunaan tag link <a> dengan atribut target:
1
2
3
4
5
6
7
8
9
10
11
| <!DOCTYPE html><html><head><title>Penggunaan Tag Link </title></head><body><h1>Belajar Tag Link</h1>target=”_blank”>Duniailkom</a> dan akan terbuka pada tab baru</p></body></html> |
Tidak ada komentar:
Posting Komentar