Skip to content

1. Pengenalan Link

Dalam HTML, link atau tautan digunakan untuk menghubungkan satu halaman web dengan halaman lainnya atau dengan sumber daya lainnya, seperti file, gambar, atau dokumen. Elemen HTML yang digunakan untuk membuat link adalah <a>, yang dikenal sebagai "anchor" tag.

Berikut adalah struktur dasar dari tag link HTML:

Contoh Link / Anchor
<a href="URL tujuan">Teks Link</a>

Penjelasan

  • <a> : Tag pembuka untuk anchor, yang digunakan untuk membuat link.
  • href : Atribut yang menentukan tujuan dari link, misalnya URL atau jalur file.
  • Teks Link : Teks yang akan ditampilkan kepada pengguna dan dapat diklik
  • Selain teks link anchor bisa juga diisi dengan tag atau elemen lainnya seperti gambar, video, dll.

Atribut Tambahan

  1. Target: Menentukan bagaimana link akan dibuka.

    • _self: Membuka link di tab atau jendela yang sama (default).
    • _blank: Membuka link di tab atau jendela baru. Contoh: Buka di Tab Baru

  2. rel: Menentukan hubungan antara halaman saat ini dan halaman yang ditautkan.

    Contoh penggunaan: rel="noopener" atau rel="nofollow".

Terdapat 4 jenis link yang bisa dijadikan sebagai tujuan yakni:

  1. Internal Link (file)
  2. Eksternal Link (URL)
  3. Link Buntu
  4. Link Anchor