HTML Links

HTML menggunakan elemen <a> (anchor) untuk membuat hyperlink. Link ini dapat mengarah ke halaman lain, situs lain, bagian tertentu dalam halaman, file, email, dan lainnya.

Dasar: Link ke Website Lain

Gunakan atribut href untuk menentukan tujuan link.

<a href="https://www.google.com">Kunjungi Google</a>

Buka Link di Tab Baru

Gunakan target="_blank" agar link terbuka di tab baru.

<a href="https://www.google.com" target="_blank">
  Buka di Tab Baru
</a>

Link ke Halaman Lokal

<a href="/about.html">Tentang Kami</a>

Link ke Bagian Halaman (Anchor Link)

Gunakan id pada elemen target dan #id di href.

<a href="#kontak">Ke Bagian Kontak</a>
 
<h2 id="kontak">Kontak</h2>
<p>Email kami di contoh@email.com</p>

Link ke Email (mailto)

<a href="mailto:info@mulaicode.com">Kirim Email</a>

Link ke File Download

Gunakan download untuk mengunduh file.

<a href="/files/dokumen.pdf" download>
  Download PDF
</a>

Tips Tambahan

• Gunakan rel="noopener noreferrer" saat menggunakan target="_blank" untuk keamanan.
• Link dapat berisi teks, gambar, atau elemen lainnya.

Siap lanjut ke pelajaran selanjutnya seperti HTML Images atau HTML Tables? Let me know!