<!DOCTYPE html>
<html> <head> <title>Penggunaan Tag Link </title>
</head> <body> <h1>Belajar Tag Link</h1> <a href="http://www.duniailkom.com">Duniailkom</a></p>
<p>Saya sedang berguru HTML dari </body> </html>
Namun jikalau kita ingin menciptakan link di dalam situs yang sama, maka tidak perlu menyebutkan alamat lengkap tersebut. Tetapi cukup mencantumkan alamat file yang dituju relatif kepada file ketika ini. Jenis alamat ini disebut alamat relatif.
Sebagai pola alamat relatif, apabila kita ingin menciptakan link kepada file hello.html pada folder yang sama dengan file ketika ini, maka atribut hrefnya, berisi: href=”hello.html”. Berikut ialah arahan HTMLnya:
Contoh penggunaan tag link <a> untuk alamat relatif:
<!DOCTYPE html>
<html> <head> <title>Penggunaan Tag Link </title>
</head> <body> <h1>Belajar Tag Link</h1> <p>Halaman HTML pertama aku ialah <a href="hello.html">Hello</a></p>
</body> </html>
Alamat relatif maksudnya ialah relatif kepada file daerah kita memanggil link ini. Seandainya nama file kita ialah belajar_link.html, dan dalam folder yang sama terdapat halaman belajar_list.html, kita sanggup memakai href=”belajar_list.html” untuk menciptakan link ke halaman belajar_list.html . Jika file tersebut berada di dalam folder lagi_belajar, maka alamat relatifnya menjadi href=”lagi_belajar/belajar_list.html”. Namun bagaimana jikalau halaman tersebut berada 2 tingkat di luar folder ketika ini? Kita sanggup memakai href=”../../belajar_list.html”, untuk naik 2 folder diatasnya.
Atribut tag <a>: target
Atribut penting lainnya dari tag <a> ialah target. Atribut ini dipakai untuk memilih apakah link yang dituju terbuka di jendela browser ketika ini, atau terbuka di jendela baru.
Secara default, setiap link yang kita tulis akan terbuka pada jendela yang sama (menimpa halaman web ketika ini). Tetapi apabila kita ingin halaman tersebut terbuka pada tab baru, gunakan atribut target=”_blank”.
Contoh penggunaan tag link <a> dengan atribut target:
