Hallo coders, kali ini kita akan belajar cara membuat link Html. Disini kita akan belajar cara membuat link untuk menghubungkan halaman website kita. Pasti temen temen sudah tau ya, gampangnya kalo temen temen mengeklik navigasi maka halaman akan berpindah nah itu adalah menggunakan tag link temen temen. Coba bayangkan apa jadinya website tanpa link ?. Kita harus mengetik urlnya untuk berpindah halaman, tentu ini akan meribetkan user kan. Nah maka dari itu tag link ini dibuat.
Daftar Isi
- Apa itu tag link Html
- Cara membuat Link Html
- Link Absolute
- Link Relative
- Link dengan Tab baru
Apa itu tag link Html
Link atau hyperlink adalah elemen HTML yang berfungsi menghubungkan suatu halaman web ke halaman web yang lain. Elemen ini bisa diklik dan nanti akan membuka halaman lain sesuai alamat URL yang kita berikan.
Hyperlink ini juga bisa berfungsi untuk kendali menuju scroll top dan scroll down, download file, dan menjalankan fungsi javascript dll. Contohnya adalah navbar di sebuah website landing page gaess.
Dunia Coding AcademyJika temen temen praktekan kode diatas maka akan muncul halaman seperti ini.
Kelas Dunia Coding AcademyLink Relative
Link relative berbeda dengan link absolute. Link relative untuk memanggil file website kita yang dihalaman lain. Semisal kita punya halaman index.html kemudian kita membuat file untuk halaman yang lain contoh halaman.html. Maka akan mengarahkan website kita yang halaman lain dengan cara menuliskan halaman.html didalam atribut href.
Jika file tersebut berada didalam folder yang namanya belajar, maka link relatifnya menjadi href=”belajar/halaman.html”. Tetapi bagaimana jika halaman tersebut berada di dua tingkat luar folder saat ini ? Kita dapat menggunakan href=”../../halaman.html”.
Untuk lebih jelasnya disini saya akan membuat halaman.html yang dijejerkan dengan halaman index.html
index.html
Belajar Tag LinkBelajar Tag Link
Menuju halaman lain
halaman.html
Halaman Html baruHallo ini halaman baru
Untuk kembali kehalaman utama klik ini
Jika temen temen buka maka hasilnya akan boom keren bukan.
Nah untuk yang kasus didalam folder atau diluar tingkat folder kalian bisa explore sendiri yah mimin sudah kasih cluenya tadi diatas semangat.
Link dengan Tab baru
Setelah kita belajar tentang menuliskan alamat. Kali ini kita akan belajar artibut yang gak kalah penting di tag link yaitu namanya adalah tag target. Atribut ini digunakan khusus menentukan apakah link yang kita tuju itu mau dibuka di browser yang sekarang dengan mengganti keseluruhan halaman atau dengan membuka tab baru dibrowser kita.
Secara default, setiap link yang kita tuliskan akan terbuka di halaman tab browser yang sama atau bisa dibilang menimpa halaman web saat ini seperti yang kita lakuan tadi diawal. Nah jika kita ingin halaman tersebut terbuka di tab baru, gunakan atribut target=”_blank”.
Belajar Tag LinkBelajar Tag Link
Menuju halaman lain
Nah belajar kita sampai sini dulu ya gaess semoga apa yang saya tulis dapat dengan mudah dipahami oleh kalian semua. Jika ada pertanyaan bisa bertanya di kolom komen insyaallah dibalas secepatnya salam ngoding.