Membuat Hyperlinks

By | 2 October 2017

Links atau hyperlinks merupakan hal yang tidak kalah penting dalam halaman web, karena melalui links inilah dapat terhubung dengan halaman-halaman web atau dokumen lainnya. Jadi fungsi dari hyperlinks adalah membangun tautan antara satu halaman dengan halaman lainnya. Objek yang dapat diberi links atau tautan dapat berupa teks, gambar atau elemen lainnya, biasanya ditandai dengan tangan yang menunjuk apabila kursor diarahkan padanya. Adapun tag yang digunakan untuk membuat hyperlink adalah tag <a> dengan atribut href. Contoh : <a href=”url”>Ini berisi hyperlinks</a>.

URL singkatan dari Uniform Resource Locater adalah alamat yang dituju ketika suatu elemen yang mengandung links diklik. URL dapat berupa url absout seperti http://tutorial.arvamart.com atau url lokal biasanya untuk mentautkan dengan tautan lokal, seperti link ke halaman tentang-kami.html. Jadi, url absout ditulis secara lengkap mulai dari protokol misalnya https://www.google.com, biasanya untuk tautan eksternal. Sedangkan url lokal untuk tautan lokal sehingga tidak perlu ditulis lengkap cukup alamat halaman yang akan ditautkan saja. Contoh yang absolut : <a href=”https://www.google.com”>Link ke Google</a>. Contoh yang lokal: <a href=”tentang-kami.html”>Tentang Kami</a>.

Selain atribut href hanya sebagai tambahan saja, dapat menggunakan atribut title untuk memberikan informasi tentang link yang akan dituju, kemudian dapat juga ditambah dengan atribut target yang akan mengatur bagaimana halaman yang dituju dari suatu link atau tautan ditampilkan, seperti target=”_blank” untuk membuka dokumen yang terhubung di jendela atau tab baru. Target=”_self” untuk membuka dokumen terkait di jendela / tab yang sama seperti yang diklik. Target=”_parent” untuk membuka dokumen terkait dalam bingkai induk. Target=”_top” untuk membuka dokumen terkait di seluruh jendela. Target=”framename” untuk membuka dokumen terkait dalam bingkai bernama. Contoh: <a href=”tentang-kami.html” target=”_blank” title=”Tentang Kami”>Tentang Kami</a>.



Hyperlinks tidak hanya digunakan untuk membuat tautan ke halaman web lainnya, tapi juga dapat membuat tautan ke bagian tertentu dalam satu halaman web yang isinya panjang, istilahnya membuat tautan bookmark. Bookmark HTML digunakan untuk memungkinkan pembaca melompat ke bagian tertentu dari halaman Web. Bookmark bisa bermanfaat jika halaman web sangat panjang. Untuk membuat bookmark, harus terlebih dulu membuat bookmark, lalu menambahkan link ke sana. Saat link diklik, halaman akan bergulir ke lokasi dengan bookmark. Untuk membuat bookmark menggunakan atribut id. Contoh bookmark untuk halaman yang sama: <a href=”#C4″>Lompat ke bagian 4</a> dimana #C4 adalah id yang dituju misalnya <h2 id=”C4″>Bagian ke-4</h2>. Sedangkan jika bagian ke-4 ini berada di halaman berbeda maka ditulis: <a href=”tentang_kami.html#C4″>Lompat ke bagian 4</a>.

Demikianlah tutorial tentang membuat links/hyperlinks dalam dokumen html. Semoga bermanfaat.