Artikel ini menyatakan panduan tentang tautan internal:
Apa itu Tautan Internal HTML?
Tautan internal HTML adalah hyperlink yang dibuat untuk memungkinkan pengguna menavigasi melalui berbagai bagian halaman web. Pengguna saat berinteraksi dengan tautan internal, browser memindahkan layar ke bagian halaman web yang ditentukan. Ini membantu dalam menavigasi pengguna terutama jika ada situs web atau blog satu halaman.
Mari kita telusuri contoh sederhana untuk memahami tautan internal:
Contoh: Penggunaan Tautan Internal sebagai Navigator
Untuk memahami cara kerja tautan internal, tombol navigasi dapat digunakan. Misalnya, dua tombol navigasi dan konten tiruan telah dibuat dalam demonstrasi ini:
< div >
< h2 pengenal = 'bagian satu' > Bagian satu < / h2 >
< P > Selamat datang di Konten Bagian Pertama. < / P >
< h2 pengenal = 'bagian kedua' > Bagian kedua < / h2 >
< P > Besar! Anda telah mencapai Bagian Kedua dari Konten < / P >
< / div >
Dalam cuplikan kode di atas:
- Pertama, dua' ” tag digunakan untuk membuat dua judul/bagian halaman web. Ini ' h2 ” elemen memiliki nilai “ bagian satu ' Dan ' bagian kedua ” yang ditugaskan ke “ pengenal ” atribut, masing-masing.
- Selanjutnya, “ ” tag digunakan yang menyimpan konten untuk setiap “ ” tag.
Sekarang, tombol navigasi digunakan sehubungan dengan tautan internal. Tombol-tombol ini dibuat dengan menggunakan baris kode berikut:
< ul >< itu > < A href = '#bagian satu' >Bagian Satu< / A > < / itu >
< itu > < A href = '#bagian kedua' >Bagian Kedua< / A > < / itu >
< / ul >
Dalam cuplikan kode di atas:
- Pertama, “
” untuk menyetel item daftar. - Selanjutnya, jangkar “ ” tag digunakan dan menyediakan data dummy untuk setiap “
” tag. - Setelah itu atur nilai “ href ”atribut keduanya“ ” beri tag ke “ bagian satu ' Dan ' bagian kedua ” id. Tugas dari “ pengenal ” nilai membuat tautan internal.
Setelah eksekusi blok kode di atas, halaman web berfungsi seperti ini:
Gif di atas mengilustrasikan cara kerja tautan internal di halaman web.
Kesimpulan
Tautan internal HTML adalah hyperlink yang dibuat untuk memungkinkan pengguna menavigasi melalui berbagai bagian halaman web. Untuk membuat tautan internal, berikan id elemen HTML induk. Dan berikan id ini sebagai nilai untuk “ href ” atribut yang disediakan oleh jangkar HTML “ ” elemen. Ini ' ” dapat digunakan di dalam navbar atau di mana saja di halaman web yang berfungsi sebagai navigator. Artikel ini telah menunjukkan contoh praktis dari tautan internal HTML.