Hyperlink

HTML HYPERLINK

HTML hyperlink adalah sebuah tag HTML yang berfungsi untuk membuat tautan (link) yang mengarah ke halaman lain, baik itu halaman dalam website yang sama maupun ke website lain.

Langsung Aja ke Demo-nya 

<!-- href= tempat menaruh link yang akan dituju -->
<!-- target = menentukan bagaimana halaman yang dituju akan terbuka -->

<!-- Macam-macam atribut target -->
<!-- __self = merupakan default, ketika di klik halaman akan terbuka di layar yang sama -->
<!-- __blank = ketika di klik, akan membuka link di jendela/layar baru -->
<!-- __parent = ketika di klik, membuka dokumen di dalam bingkai induk -->
<!-- __top = membuka file di seluruh layar/window tanpa bingkai -->

Instagram Penjelasan Demo di Atas:

Tag <a>: Digunakan untuk membuat hyperlink atau tautan. Di dalam tag ini, kita menuliskan alamat tujuan yang akan diakses.

Atribut href: Atribut ini digunakan untuk menentukan alamat atau URL yang menjadi tujuan dari hyperlink. Dalam contoh ini, URL yang digunakan adalah https://www.instagram.com/, yang akan mengarahkan ke halaman Instagram.

Atribut target: Atribut ini menentukan bagaimana hyperlink akan dibuka saat diklik.

  • target="__blank": Membuka tautan di jendela atau layar baru, yang akan membuat tab baru di browser.
  • target="__self" (default): Membuka tautan di jendela atau layar yang sama, menggantikan halaman yang sedang aktif.
  • target="__parent": Membuka tautan di dalam bingkai induk (frame), jika digunakan di dalam halaman yang menggunakan frame.
  • target="__top": Membuka tautan di seluruh layar tanpa bingkai (frame).

Kreasikan Sendiri Atribut Ini Ya :) Sekarang, cobalah untuk bereksperimen dengan atribut-atribut ini untuk membuat hyperlink yang sesuai dengan kebutuhanmu!

← CSS
Images →