HTML Links

HTML Links

Tautan (hyperlinks) memungkinkan pengguna berpindah dari satu halaman web ke halaman web lain di internet hanya dengan satu klik.

Atribut Target yang Sering Dipakai:

target="_self" : (Default) Membuka halaman tujuan di jendela/tab yang sama.
target="_blank" : Membuka halaman tujuan di tab browser baru.
target="_parent" & target="_top" : Digunakan jika halaman berada di dalam frame/iframe.

Tautan Khusus:

Untuk membuat tautan kirim email, gunakan href="mailto:info@skillance.my.id".
Untuk membuat tautan telepon, gunakan href="tel:+62812345678".

Contoh Beragam Tautan HTML:

<!DOCTYPE html>
<html>
<body>

    <h3>Tautan Halaman & Tab Baru</h3>
    <p><a href="https://skillance.my.id" target="_blank">Buka Skillance di Tab Baru &raquo;</a></p>

    <h3>Tautan Email</h3>
    <p><a href="mailto:support@skillance.my.id">Kirim Email ke Dukungan Kami</a></p>

    <h3>Tautan Tombol</h3>
    <a href="#" onclick="alert(\'Tautan tombol diklik!\')" style="background:#04AA6D; color:white; padding:8px 16px; text-decoration:none; border-radius:6px;">Tombol Link</a>

</body>
</html>

Coba Sendiri (Try it Yourself) »

Gunakan teks link deskriptif seperti \'Buka Panduan Koding\' daripada hanya menuliskan \'Klik di sini\' demi aksesibilitas dan SEO.

Uji Pemahaman Singkat (Test Yourself):

Nilai atribut target apa yang membuat link terbuka di tab browser baru?

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

Atribut Target yang Sering Dipakai:

Tautan Khusus:

Selesaikan Topik Ini

HTML Tutorial