Catatan Kuliah: Hyperlink dalam HTML

Definisi Hyperlink

• Hyperlink (link atau weblink) adalah koneksi dari satu sumber web ke sumber lain.
• Tanpa hyperlink, tidak akan ada web.
• Komponen penting dalam web.

Tag HTML untuk Hyperlink

• Dibuat menggunakan tag <a> (anchor).
• Analoginya: jangkar yang terhubung ke kapal.

Cara Membuat Hyperlink

1. Buat Paragraf
   • Contoh: "klik di sini untuk mengetahui informasi lebih lanjut".
2. Gunakan Tag A
   • Sintaks: <a>klik di sini</a>
3. Tambahkan Atribut href
   • href berisi sumber yang dituju.

Jenis-jenis href

• External Link: Link ke website lain.
  • Contoh: href="http://google.com".
• Internal Link: Link ke halaman dalam domain yang sama.
  • Contoh: href="halaman2.html" untuk pindah ke halaman lain di folder yang sama.

Penggunaan href dan Relative URL

• Relative URL: Mengacu pada file dalam folder lain.
  • Contoh: ../halaman1.html untuk naik satu folder.
• Jika file dipindahkan ke folder lain, pastikan untuk memperbarui href sesuai lokasi baru.

Page Anchor

• Memungkinkan untuk pindah ke bagian tertentu dari halaman.
• Tambahkan id pada elemen yang ingin dituju.
  • Contoh: <h2 id="bagian1">Bagian 1</h2>.
• Penggunaan: href="#bagian1" untuk pindah ke bagian 1.

Target untuk Hyperlink

• Atribut target menentukan bagaimana link dibuka.
  • target="_self": buka di tab yang sama.
  • target="_blank": buka di tab baru.

Menghubungkan Hyperlink dengan Gambar

• Belum dibahas; akan dibahas di video selanjutnya.

---

Kesimpulan

• Hyperlink adalah elemen penting dalam HTML.
• Memahami cara membuat dan menggunakan hyperlink dengan benar sangat penting untuk mengembangkan web yang efektif.