Tautan Link


Membuat Tautan Sederhana

Untuk membuat tautan sederhana, gunakan tag <a> (anchor) dan atribut href untuk menentukan URL tujuan. Contohnya:

<a href="https://www.contoh.com">Ini adalah contoh tautan</a>

Tautan di atas akan mengarahkan pengguna ke situs web "https://www.contoh.com" saat diklik.

Membuka Tautan dalam Tab/Window Baru

Untuk membuka tautan dalam tab atau jendela baru, tambahkan atribut target="_blank" ke tag <a>. Contohnya:

<a href="https://www.contoh.com" target="_blank">Buka dalam tab baru</a>

Ini akan membuka tautan dalam tab atau jendela browser yang baru.

Menambahkan Tautan Internal (ke halaman dalam situs web yang sama)

Anda juga dapat membuat tautan ke halaman internal dalam situs web yang sama dengan menggunakan path relatif. Contohnya:

<a href="/halaman-internal.html">Halaman Internal</a>

Pastikan path relatif sesuai dengan struktur folder situs web Anda.

Menambahkan Tautan dengan Teks Alternatif (Alt Text)

Teks alternatif adalah teks yang akan ditampilkan jika gambar tautan tidak dapat dimuat. Ini penting untuk aksesibilitas. Contohnya:

<a href="https://www.contoh.com" alt="Contoh Website">Kunjungi Contoh Website</a>

Pastikan selalu menyertakan teks alternatif.

Menambahkan Tautan dengan Gambar

Anda juga dapat menggunakan gambar sebagai tautan. Gunakan tag <img> di dalam tag <a>. Contohnya:

<a href="https://www.contoh.com">
 <img src="gambar-tautan.jpg" alt="Gambar Tautan">
</a>

Gambar ini akan menjadi tautan yang mengarahkan ke URL yang ditentukan.

Sekarang Anda memiliki pemahaman dasar tentang cara membuat tautan dalam HTML. Selamat mencoba!