Dalam membuat website, pasti tidak terlepas dari pembuatan link. Apa itu link? Link atau lebih lengkapnya kita sebut hyperlink merupakan sebuah referensi dari satu dokumen yang mengacu ke dokumen yang lain. Sedangkan jika file yang dituju terdapat dalam satu dokumen maka disebut “anchor“. Jadi, disini kita akan menggunakan 2 buah istilah dalam pembuatan link, yaitu HTML Link dan HTML Anchor. Pembuatan kedua buah link tersebut tidak dapat terlepas dari element <a>.
HTML Link
HTML link digunakan untuk membuat link yang mengacu ke lain tempat di luar dokumen yang dibuat. Dalam hal ini, dokumen tempat kita membuat link merupakan sebuah website, sehingga acuan yang dibuat pun akan berupa alamat URL website yang ingin dituju, baik itu alamat untuk website, dokumen, file, gambar, suara, film, dll. Sehingga sintaknya akan menjadi sebagai berikut:
Tag pertama pada sintak di atas, mengandung atribut tentang link, yaitu atribut “HREF”. Sedangkan bagian “Nama Link” merupakan sebuah bagian yang dapat kita lihat dalam website. Elemen ini tidak harus berupa teks, tapi kita dapat menggantinya dengan sebuah elemen gambar, maupun elemen yang lain. Berikut contoh “HTML Link” sesuai sintak di atas:
Ketika ditampilkan di web browser, kode tersebut akan menghasilkan:
Kunjungi X-Purple Sekarang
Dalam HTML Link kita juga dapat menambahkan sebuah atribut “Target”. Dengan atribut ini, kita bisa menampilkan alamat tujuan link kita pada jendela windows yang baru. Berikut contohnya:
Di web browser, akan tampak seperti berikut:
Kunjungi X-Purple Sekarang
Lho kok hasilnya sama? Memang benar hasilnya akan tampak sama. Tetapi ketika diklik, maka contoh pertama akan terbuka pada windows yang sama, sedangkan contoh kedua akan terbuka pada windows yang baru.
Atribut NAME
Ketika atribut “NAME” digunakan, maka elemen “<a> ” digunakan untuk mendefinisikan sebuah link yang mengacu pada isi dari dokumen tersebut. Jadi ketika link yang dibuat dengan atribut name diklik, maka tidak akan terbuka windows yang baru ataupun berpindah ke halaman yang lain. Akan tetapi, hanya akan menuju pada link yang ditunjuk.
Berikut sintak dalam penggunaan atribut “NAME”
dan sintak untuk memberi nama link tersebut adalah:
sebagai contoh, kita akan membuat sintak ke bagian Atribut NAME di atas. Sehingga scriptnya akan dibuat sbb:
Setelah itu, kita akan membuat sintak untuk link Atribut NAME sbb:
Anda dapat mencobanya dengan melakukan klik pada link di bawah ini:
Kembali ke Atribut NAME
Lalu untuk apa dibuat dengan atribut Name jika hanya menuju ke halaman yang sama? Biasanya, atribut Name dalam sebuah link digunakan untuk membuat sebuah daftar isi. Sehingga setiap judul yang dibuat dalam daftar isi, akan langsung menuju pada artikel terkait jika di KLIK.
Oya, satu lagi. Dalam membuat link HTML yang menuju ke sebuah folder, tambahkan tanda slash ( tanda / ) di akhir script HTML yang anda buat. Kenapa? Jika anda membuat link seperti ini:
Link tersebut akan mengirimkan 2 (dua) kali HTTP Request ke server, karena server akan menambahkan slash pada akhir alamat link yang anda buat, dengan kata lain akan membuat respon menuju link tersebut lebih lama. Sehingga script link tersebut menjadi:
Selamat mencoba… 
Artikel Terkait :
HTML Link
HTML link digunakan untuk membuat link yang mengacu ke lain tempat di luar dokumen yang dibuat. Dalam hal ini, dokumen tempat kita membuat link merupakan sebuah website, sehingga acuan yang dibuat pun akan berupa alamat URL website yang ingin dituju, baik itu alamat untuk website, dokumen, file, gambar, suara, film, dll. Sehingga sintaknya akan menjadi sebagai berikut:
<a href="URL">Nama Link</a>
<a href="http://www.x-purple.web.id">Kunjungi X-Purple Sekarang</a>
Kunjungi X-Purple Sekarang
Dalam HTML Link kita juga dapat menambahkan sebuah atribut “Target”. Dengan atribut ini, kita bisa menampilkan alamat tujuan link kita pada jendela windows yang baru. Berikut contohnya:
<a href="http://www.x-purple.web.id" target="_blank">Kunjungi X-Purple Sekarang</a>
Kunjungi X-Purple Sekarang
Lho kok hasilnya sama? Memang benar hasilnya akan tampak sama. Tetapi ketika diklik, maka contoh pertama akan terbuka pada windows yang sama, sedangkan contoh kedua akan terbuka pada windows yang baru.
Atribut NAME
Ketika atribut “NAME” digunakan, maka elemen “<a> ” digunakan untuk mendefinisikan sebuah link yang mengacu pada isi dari dokumen tersebut. Jadi ketika link yang dibuat dengan atribut name diklik, maka tidak akan terbuka windows yang baru ataupun berpindah ke halaman yang lain. Akan tetapi, hanya akan menuju pada link yang ditunjuk.
Berikut sintak dalam penggunaan atribut “NAME”
<a name="label">Nama File</a>
<a href="#label">Link ke Nama File</a>
<a name="Att_Name"><b><i>Atribut NAME</i></b></a>
<a href="#Att_Name">Kembali ke <b><i>Atribut NAME</i></b></a>
Kembali ke Atribut NAME
Lalu untuk apa dibuat dengan atribut Name jika hanya menuju ke halaman yang sama? Biasanya, atribut Name dalam sebuah link digunakan untuk membuat sebuah daftar isi. Sehingga setiap judul yang dibuat dalam daftar isi, akan langsung menuju pada artikel terkait jika di KLIK.
Oya, satu lagi. Dalam membuat link HTML yang menuju ke sebuah folder, tambahkan tanda slash ( tanda / ) di akhir script HTML yang anda buat. Kenapa? Jika anda membuat link seperti ini:
<a href="http://www.x-purple.web.id/about">Tentang X-Purple</a>
<a href="http://www.x-purple.web.id/about/">Tentang X-Purple</a>
Artikel Terkait :
0 komentar:
Posting Komentar