Cara Membuat Link Pada HTML

Pada tutorial sebelumnya saya telah membahas tentang tag heading pada HTML. Pada kesempatan kali ini saya akan membahas tentang cara membuat link pada HTML.

Link pada HTML atau hyperlink berfungsi untuk menghubungkan antara dokument HTML ke dokument HTML lainnya. Untuk membuat sebuah link, HTML menyediakan sebuah tag, yaitu tag <a>.

Pengertian Link/Hyperlink

Link/Hyperlink adalah sebuah cara untuk menghubungkan antara 1 alamat dengan alamat yang lainnya. HTML singkatan dari Hypertext Markup Laguage, yang di maksud link di dalam HTML itu adalah Hypertext tersebut.

Cara Membuat Link Pada HTML

Untuk membuat link pada HTML kita memerlukan sebuah tag, yaitu tag <a>. Tag <a> merupakan singkatan dari anchor, jika di artikan ke dalam bahasa Indonesia berarti jangkar. Tag <a> memiliki banyak atribut, tapi pada kesempatan kali ini saya akan membahas atribut “href dan target”, karena atribut tersebut paling banyak digunakan.

1. Atribut Href

Href adalah singkatan dari “hypertext reference”. Fungsi dari href adalah sebagai tempat yang berisi alamat yang akan dituju. Sebagai contoh kita akan membuat sebuat link dengan atribut href. Silahkan buka editor kesayangan Anda dan buat kode seperti dibawah ini.

Hasilnya seperti dibawah ini:

Lihat baris no. 9, tag <a> tersebut memliki atribut href, dan isi dari href tersebut adalah alamat/link yang menuju website “https://www.serbakomputer.com/” ketika link tersebut di klik.

Atribut href terbagi menjadi dua, yaitu Alamat Absolute dan Alamat Relatif.

• Alamat Absolute
  Alamat absolut adalah penulisan alamat file dengan menyertakan alamat website lain. Alamat absolute juda dikenal dengan external link. misalnya = href=”https://www.serbakomputer.com/”.
• Alamat Relatif
  Alamat relatif adalah alamat yang berada didalam website itu sendiri. Misalkan kita ingin mengakses dari halaman contact.html yang berada pada website kita. Maka untuk penulisannya href=”contact.html”.

2. Atribut Target

Atribut Target berfungsi untuk menentukan apakah alamat yang akan dituju terbuka di jendela browser saat ini atau akan terbuka di jendela browser yang baru. Secara default, setiap link yang kita tulis akan terbuka pada jendela yang sama (menimpa halaman web saat ini). Tetapi apabila kita ingin halaman tersebut terbuka pada tab baru, gunakan atribut target=”_blank”.

Contoh penggunaan atribut “target” pada tag <a> sebagai berikut:
Hasilnya seperti dibawah ini:

Lihat baris no.9, tag <a> memliki atribut “target” dengan value “_blank”. Jika kita men-klik link tersebut, maka halaman serbakomputer.com akan terbuka di tab baru, dan tidak menimpa tab saat ini.

Demikianlah tutorial tentang cara membuat link pada HTML. Silahkan bagikan atau share artikel ini jika ada yang membutuhkan. Semoga bermanfaat!