Cara Gampang Membuat Link HTML ke Halaman Lain
Bikin link di HTML itu sebenarnya gampang sekali. Namun buat yang baru belajar bikin situs, kamu mungkin bingung gimana cara membuat link yang benar-benar berfungsi. Artikel ini membahas step by step gimana bikin link ke halaman lain dengan format dasar HTML saja tanpa style atau body supaya kamu langsung bisa pakai. Bloggerpedia kali ini akan membahas topik ini secara mudah dimengerti, khususnya kalau kamu masih pemula. Artikel ini juga dilengkapi contoh sederhana dan penjelasan rinci supaya kamu nggak cuma tahu cara bikin link, tapi juga ngerti kenapa tag-nya seperti itu.
Kenapa Link Penting di HTML?
Link, atau dalam bahasa HTML disebut anchor, adalah elemen utama yang membuat halaman web saling terhubung satu sama lain. Bayangkan internet sebagai jaringan informas tanpa link, kita cuma punya halaman statis yang nggak saling terhubung. Dengan link, kita bisa mengarahkan pengguna dari satu artikel ke artikel lainnya, dari halaman depan ke halaman detail, dan seterusnya. Bloggerpedia menyadari bahwa banyak pemula yang belum yakin pasang link karena khawatir salah struktur HTML-nya. Padahal cukup mudah, asal tahu tag dan atribut yang benar.
Tag Dasar untuk Link
Tag dasar untuk link adalah tag <a>. Tag ini punya atribut utama, yaitu href, yang menentukan ke mana link akan menuju. Contoh paling sederhana bisa dilihat di bawah. Nanti kamu tinggal ganti alamatnya sesuai halaman yang kamu punya, misal “tentang.html” atau “produk.html”.
<a href="halaman-lain.html">Klik di sini untuk buka halaman lain</a>
Ini adalah link sederhana. Ketika diklik, browser akan menampilkan halaman halaman-lain.html. Bloggerpedia sering kasih contoh seperti ini karena mudah diikuti oleh orang awam sekalipun.
Membuat Link ke Halaman Lain di Folder yang Sama
Kalau kamu menyimpan semua file HTML dalam satu folder, linknya bisa langsung pakai nama file. Misalnya kamu punya file “index.html” dan “kontak.html” dalam folder yang sama. Ini caranya:
<a href="kontak.html">Hubungi Saya</a>
Pengaturan seperti ini sangat umum digunakan untuk navigasi situs sederhana. Bloggerpedia menyarankan agar kamu selalu perhatikan nama file dan pastikan ekstensi .html-nya sama agar linknya nggak error.
Link ke Halaman di Subfolder
Kadang kamu mau pisahkan file berdasarkan kategori, misalnya bikin folder “tentang/” atau “blog/”. Untuk bikin link ke halaman di subfolder, kamu tinggal tambahkan path-nya:
<a href="tentang/tentang-saya.html">Tentang Saya</a>
Pastikan struktur foldernya benar. Bloggerpedia menyarankan agar kamu sering cek folder di komputer sebelum tulis linknya, supaya nggak salah direktori.
Link ke Folder Induk
Jika kamu punya struktur seperti folder blog/artikel.html dan ingin link ke halaman di folder sebelumnya (induk), kamu bisa pakai “..” untuk naik tingkat:
<a href="../index.html">Kembali ke Beranda</a>
Cara ini biasa dipakai kalau kamu bikin banyak subfolder. Bloggerpedia menggunakan cara ini untuk navigasi blog-nya yang rapi dan gampang diikuti oleh pengunjung.
Membuat Link Eksternal ke Situs Lain
Bukan cuma link ke halaman dalam situsmu, kamu juga bisa bikin link ke situs luar seperti Wikipedia atau situs pelanggan. Caranya mudah:
<a href="https://www.wikipedia.org/">Buka Wikipedia</a>
Bloggerpedia sering menggunakan link eksternal ini untuk referensi atau rujukan. Pengguna yang klik akan diarahkan ke situs terkait tanpa ribet.
Membuka Link di Tab Baru
Supaya pengunjung tidak langsung meninggalkan halaman kamu, seringkali kita ingin link dibuka di tab baru. Caranya dengan menambahkan atribut target="_blank". Contohnya:
<a href="https://www.wikipedia.org/" target="_blank">Buka Wikipedia di tab baru</a>
Dengan ini, pengguna tetap bisa lihat halamanmu sambil buka link baru. Bloggerpedia menyarankan fitur ini kalau kamu ingin referensi eksternal tetap nyaman diakses tanpa keluar dari halaman utama.
Link dan SEO: Tips Gampang
Link internal (ke halaman lain dalam situsmu) bagus untuk SEO karena membantu mesin pencari menemukan dan mengindeks semua halaman. Link eksternal ke situs berkualitas juga dapat meningkatkan kredibilitas. Bloggerpedia juga selalu menyarankan untuk pakai teks link yang deskriptif misalnya Hubungi Saya atau Tentang Saya agar pengguna dan mesin pencari ngerti tujuannya.
Kesimpulan Praktis
Membuat link di HTML itu mudah, cepat, dan berguna banget buat navigasi situs. Kamu tinggal pakai tag <a> dengan atribut href dan opsional target kalau mau buka di tab baru. Entah link internal, subfolder, atau eksternal, semua bisa dikelola rapi. Bloggerpedia berharap panduan ini bisa bantu kamu bikin halaman web yang saling connected, enak dipakai, dan SEO-friendly. Yuk, coba bikin link di halaman kamu sekarang juga!
Join the conversation