Materi
Tautan ditulis dengan elemen a. Tujuannya disimpan di atribut href. Bentuk href menentukan ke mana browser mencari. Tautan absolut memuat skema dan nama host lengkap, misalnya diawali https:// lalu nama situsnya. Bentuk ini dipakai untuk menuju situs lain.
| Bentuk href | Contoh | Dibaca browser sebagai |
|---|---|---|
| Absolut | https://developer.mozilla.org/id/ | Situs lain, host ditulis lengkap |
| Relatif ke folder yang sama | simpanan.html | Berkas di folder yang sama dengan halaman ini |
| Relatif ke folder anak | berkas/formulir.html | Berkas di dalam folder berkas |
| Naik satu folder | ../index.html | Berkas di folder induk |
| Relatif ke akar situs | /kontak.html | Dihitung dari akar situs, bukan dari halaman ini |
| Ke bagian halaman | #jam-layanan | Elemen yang punya id jam-layanan |
<p>Jam layanan ada di <a href="#jam-layanan">bagian bawah halaman ini</a>.</p>
<p>Aturan koperasi mengacu pada <a href="https://www.w3.org/WAI/tutorials/">panduan W3C</a>.</p>
<h2 id="jam-layanan">Jam layanan</h2>Tautan ke bagian halaman yang sama ditulis dengan tanda pagar, lalu id tujuannya. Syaratnya, elemen tujuan benar-benar punya atribut id dengan nilai yang sama persis.
Teks di dalam a juga penting. Pembaca layar bisa membacakan daftar semua tautan di halaman. Teks seperti klik di sini tidak berarti apa-apa di daftar itu. Jadi tulis teks yang menyebut tujuannya.
href juga bisa membuka cara menghubungi. Awalan mailto: lalu alamat surel membuka aplikasi surel. Awalan tel: lalu nomor membuka aplikasi telepon di ponsel. Nomor Indonesia ditulis dalam bentuk internasional dan rapat. Contohnya, 0812-3456-7890 menjadi +6281234567890: nol di depan diganti +62, tanda hubung dan spasi dibuang.
<p>Tanya simpanan lewat <a href="mailto:pengurus@koperasimelati.id">surel pengurus koperasi</a>.</p>
<p>Atau hubungi <a href="tel:+6281234567890">telepon kantor koperasi</a>.</p>
