Belajar HTML Part 11: Membuat Hyperlink Di HTML

Cara Membuat Hyperlink Di HTML

Selamat datang di artikel belajar HTML dasar untuk pemula bagian 11 yaitu Membuat Hyperlink Di HTML.
Pada bagian ini kamu akan mengenal apa itu hyperlink dan belajar cara membuat hyperlink di HTML yang benar.

Pengertian Hyperlink

Hyperlink adalah suatu teknik berpindah halaman, biasanya hyperlink dibuat karena suatu alasan. Misalkan untuk mencegah melebarnya suatu pembahasan pada suatu artikel yang ada pada website.

Sehingga artikel tersebut harus dibuat menjadi 2 buah artikel untuk mempermudah pengunjung memahami informasi dari artikel tersebut.

Atau bisa juga karena penjelasannya yang akan dibahas dalam suatu web itu terlalu banyak atau terlalu panjang, maka dibuatlah suatu pembahasan baru dimana pada pembahasan pertama diletakan sebuah link yang ketika diklik akan menuju ke pembahasan yang baru.

Alur Hyperlink
Alur Hyperlink

Cara Membuat Hyperlink

Untuk membuat hyperlink, kita memerlukan tag pembuka <a> dan tag penutup </a> yang nantinya jika ditulis dalam bahasa pemrograman HTML menjadi seperti berikut.

Ganti tulisan url dengan link atau halaman web tujuan kamu dan ganti link text dengan tulisan yang kamu inginkan.

Jika saya coba ganti, url dan link textnya maka akan menjadi seperti berikut.
 

Itu adalah cara membuat hyperlink HTML pada halaman web dengan menggunakan url web sebagai tujuannya.

Cara membuat hyperlink diatas biasa disebut dengan Absolute URL yang sifatnya wajib terhubung dengan internet.


Tapi ada juga cara membuat hyperlink HTML pada halaman web yang sifatnya local, yaitu halaman web yang berupa file dan tersimpan di media penyimpanan kamu.

Jadi kamu hanya perlu memasukan nama halamannya saja.

Cara Membuat Hyperlink Local

Caranya sama dengan cara yang pertama, bedanya hanya URL nya saja yang diganti dengan file halaman webnya.

Contoh Kode Local Link

Tampilan Halaman 1 pada local link diatas adalah seperti dibawah ini.

Hasil Local Link HTML Halaman 1

Ketika linknya diklik, maka akan berpindah ke halaman ke 2 seperti dibawah ini.

Hasil Local Link HTML Halaman 2


Nah sampai tahap sini kamu sudah berhasil cara membuat hyperlink di HTML, langkah selanjutnya adalah tugas kamu sebagai seorang pemrograman web yang menggunakan hyperlink ini sebaik mungkin.
Penggunaan hyperlink yang tepat akan berdampak hal baik pada website yang akan kamu bangun nantinya.

Leave a Comment