Panduan Pemula untuk Menambahkan Tautan Internal dalam HTML

Menggunakan Tag Atribut ID untuk Membuat Halaman Bookmark

Ketika Anda sedang mengerjakan dokumen HTML dan Anda ingin pengguna dapat mengklik suatu topik dan langsung dipindahkan ke lokasi yang ditandai dalam dokumen, tag atribut ID berguna. Ini sering terjadi ketika Anda mencantumkan serangkaian topik di bagian atas artikel dan kemudian menautkan setiap topik ke bagian yang terkait di bagian bawah halaman web.

Dokumen HTML sering kali menyertakan tautan eksternal ke dokumen lain, tetapi mereka juga dapat menyertakan tautan dalam satu dokumen. Mengklik satu tag mengangkut pembaca ke bagian bookmark tertentu pada halaman web. Akhirnya, dimungkinkan untuk menautkan ke lokasi piksel yang tepat dalam dokumen, tetapi untuk sekarang, Anda dapat menggunakan tag ID untuk membuat tautan dan lokasi di dokumen. Kemudian gunakan href untuk pergi ke sana. Satu tag mengidentifikasi tujuan, dan tag kedua mengidentifikasi tautan ke tujuan.

Catatan: HTML 4 dan versi sebelumnya menggunakan Atribut Nama untuk membentuk tautan internal. HTML 5 tidak mendukung atribut nama, jadi atribut ID digunakan sebagai gantinya.

Di dokumen, putuskan di mana Anda ingin tautan internal pergi. Anda memberi label ini menggunakan tag anchor dengan atribut id . Sebagai contoh:

Selanjutnya, Anda membuat tautan ke bagian dokumen menggunakan tag anchor dan atribut href. Anda menunjukkan area bernama dengan #.

Caranya adalah dengan memastikan bahwa Anda meletakkan di sekitar teks atau gambar.

Sering kali Anda melihat orang menggunakan tautan ini tanpa mengelilingi apa pun, tetapi ini tidak dapat diandalkan sebagai jangkar sebagai salah satu yang mengelilingi kata atau gambar. Banyak browser lebih memilih untuk memiliki beberapa elemen ke posisi di bagian atas layar; ketika Anda tidak menyertakan apa pun, Anda menjalankan risiko bahwa peramban akan bingung.

Tautan untuk Kembali ke Atas Halaman Web

Saat Anda ingin menambahkan tautan jauh di bawah halaman web untuk mengembalikan penampil ke bagian atas halaman, tautan internal mudah disiapkan. Dalam HTML, tag menentukan tautan. href = diikuti oleh URL dari tautan target dalam kutipan (atau URL singkat jika tautan berada dalam dokumen yang sama), dan kemudian teks tautan yang terlihat di halaman web. Mengeklik teks tautan akan mengirim Anda ke alamat yang ditentukan. Menggunakan sintaks ini: