MEMBUAT LINK DI HTML
Tag yang digunakan untuk membuat link di HTML adalah tag <a>, tag <a> memiliki attribute href yang valuenya adalah alamat yang akan diakses ketika Anda menklik sebuah link.
Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href (hypertext reference) berisi alamat yang dituju.
Ketik kode berikut pada notepad++:
<!DOCTYPE html> <html> <head> <title>Belajar Membuat Link</title> </head> <body> <p>Kunjungi link berikut<a> href="https://www.kupastuntas.com">Kupas Tuntas</a> Anda berada pada alamat yang tepat untuk belajar HTML</p> </body> </html>
Hasilnya :
Teks Kupas Tuntas berwarna biru dengan garis bawah , hal tersebut menunjukkan bahwa teks tersebut merupakan link. Jika teks tersebut di klik akan mengakses halaman website https://www.kupastuntas.com
ATTRIBUTE TARGET
Attribute Target digunakan jika Anda menginginkan untuk membukanya di tab lain.
Perhatikan contoh penggunaan target="_blank" seperti berikut ini :
<!DOCTYPE html> <html> <head> <title>Belajar Membuat Link</title> </head> <body> <p>Selamat Datang di <a target="_blank" href="https://tutorialkomputergrafis.blogspot.com/">Kupas Tuntas</a> Anda berada pada alamat yang tepat untuk belajar HTML</p> </body> </html>
Hasilnya:
1. Klik teks Kupas Tuntas.
Muncul halaman web yang dituju pada tab baru.
MENGENAL ALAMAT ABSOLUTE DAN ALAMAT RELATIF
Alamat absolut dalam penulisan alamat file dengan menyertakan nama website, seperti: href=”http://www.wikipedia.org” dan http://www.facebook.com
Jika kita ingin membuat link di dalam situs yang sama, maka tidak perlu menyebutkan alamat lengkap tersebut. Tetapi cukup mencantumkan alamat file yang dituju relatif kepada file saat ini.
Sebagai contoh alamat relatif, apabila kita ingin membuat link ke file membuatLink.html pada folder yang sama dengan file saat ini, maka atribut hrefnya, berisi: href=”membuatLink.html”. Berikut adalah kode HTMLnya:
contohnya adalah seperti berikut ini :
<!DOCTYPE html> <html> <head> <title>Absolut dan Reatif</title> </head> <body> <h1>Belajar Tag Link</h1> <p>Halaman HTML yang sudah dikerjakan adalah <a href="membuatLink.html">membuatLink</a></p> </body> </html>
Hasilnya:
Jika teks membuatLink di klik, akan muncul halaman web yang dikerjakan diatas. Dalam latihan ini halaman Belajar Membuat Link disimpan dengan nama membuatLink.html.
Selamat mencoba, semoga sukses!!!
0 Komentar