Section ini menyusun materi secara bertahap: kerjakan Chapter dari urutan teratas agar setiap konsep baru selalu berpijak pada konsep sebelumnya. Setiap Chapter menyertakan contoh kode yang telah diuji dan dapat Anda ikuti langsung di editor.

# Membuat Hyperlink

Buat hyperlink dengan elemen a dan atribut href: teks deskriptif, link absolut, hingga link yang membungkus gambar.

Buka → # Absolute dan Relative URL

Bedah struktur URL lalu bandingkan absolute URL, relative URL, dan penulisan path naik-turun folder beserta kegunaannya.

Buka → # Navigasi Internal

Lompat ke bagian tertentu dalam satu halaman memakai fragment identifier dan id sebagai target dengan daftar isi.

Buka → # Navigasi Antarhalaman

Hubungkan beberapa halaman menjadi satu situs kecil dengan menu nav, daftar ul, dan relative path antar folder.

Buka → # Membuka Link di Tab Baru

Buka link di tab baru dengan aman: atribut target _blank, risiko tabnabbing, dan pasangan rel noopener noreferrer.

Buka → # Email dan Telepon Links

Sediakan link email dan telepon: skema mailto dengan subject dan body, skema tel, serta perilakunya di tiap perangkat.

Buka → # Link yang Aksesibel

Tulis link yang aksesibel: teks bermakna untuk screen reader, atribut hreflang dan type, serta link vs button.

Buka →