Pengertian Link, Absolute URL, Relative URL, dan Bookmark

Pengertian Link, Absolute URL, Relative URL, dan Bookmark





Saat membuat Web, biasanya kita akan membuat banyak sekali halaman HTML. Untuk berpindah dari satu halaman ke halaman lain, kita biasanya jarang melakukannya secara manual dengan cara mengetikkannya di search bar Web Browser. HTML memiliki fitur Link (Tautan), dimana kita bisa meng-klik Link tersebut, dan berpindah ke halaman HTML lain.

Untuk membuat Link di HTML, kita bisa menggunakan tag a. Tag a memiliki attribute href, yang berisi lokasi tujuan Link tersebut. Tag a juga memiliki attribute target, yang digunakan sebagai target jendela Web Browser, kita bisa gunakan nilai: target=”_self”, artinya halaman akan ditampilkan di halaman yang sama, ini adalah bawaan default . target=”_blank”, artinya halaman akan ditampilkan di jendela baru di Browser. Tag a juga memiliki attribute title, untuk menuliskan judul yang keluar ketika mouse berada di atas Link tersebut

Absolute URL

Absolute URL merupakan alamat lengkap sebuah tujuan Link. Dalam absolute URL, kita wajib menuliskan seluruh detail domain dan halaman yang dituju, misal:

https://youtube.com

https://facebook.com

Kelebihan menggunakan Absolute URL adalah, kita bisa membuat Link menuju domain yang berbeda dengan website yang kita buat.


Relative URL

Relative URL adalah lokasi href dimana tetap menggunakan domain website saat ini. Relative URL memiliki dua format, bisa diawali dengan /, atau tidak diawali dengan /.Misal sekarang kita berada di halaman http://127.0.0.1/link.html , lalu kita memiliki link sebagai berikut:

hello.html, artinya akan menuju ke http://127.0.0.1/hello.html



Bookmark

Pada kasus halaman web yang sangat panjang, ada bagusnya kita menggunakan Bookmark. Bookmark adalah link yang bisa digunakan untuk menampilkan HTML element dengan id tertentu. Bookmark menggunakan # pada href, misal jika kita menggunakan index.html#rian, artinya ketika membuka halaman index.html, maka Web Browser akan otomatis menampilkan pada posisi HTML Element dengan id rian. Jika kita ingin membuat link di halaman HTML itu sendiri, kita bisa langsung buat Link dengan href langsung berisi #bookmark nya.












Komentar

Posting Komentar

Postingan populer dari blog ini

SEJARAH MIKROTIK, JENIS MIKROTIK, FITUR, DAN SERTIFIKAT MIKROTIK

SEJARAH MIKROTIK, JENIS MIKROTIK, FITUR, DAN SERTIFIKAT MIKROTIK A. Sejarah Mikrotik Pada tahun 1996 Johnson dan Armin memulai dengan sistem Linux dan MS DOS yang dikombinasikan dengan teknologi Wireless LAN (W-LAN) Aeronet berkecepatan 2Mbps di Moldova. Barulah kemudian melayani lima pelanggannya di Latvia, karena ambisi mereka adalah membuat satu peranti lunak router yang handal dan disebarkan ke seluruh dunia. Prinsip dasar MikroTik bukan membuat Wireless ISP (WISP), tapi membuat program router yang handal dan dapat dijalankan di seluruh dunia. Hingga kini, MikroTik telah melayani sekitar empat ratusan pelanggannya.                                        Linux yang mereka gunakan pertama kali adalah Kernel 2.2 yang dikembangkan secara bersama-sama dengan bantuan 5 - 15 orang staf R&D Mikrotik yang sekarang menguasai dunia routing di negara ne...
Baca selengkapnya

DHCP SERVER DAN CLIENT DI MIKROTIK

Gambar
 DHCP SERVER DAN CLIENT DI MIKROTIK 1. Setting identity router 1 2. Setting Interface router 1 3. Setting IP Address router 1 4. Setting IP Route router 1 5. Setting IP DNS 6. Setting Firewall NAT 7. Tampilan Halaman Winbox 8. Tambah IP Address untuk R2 di winbox 9. Setting DHCP Server 10. Setting identity di router 2 11. Setting Interface di router 2 12. Setting IP DHCP Client di router 2 13. Lihat Settingan
Baca selengkapnya

BELAJAR CSS GRID

Gambar
 BELAJAR CSS GRID 1. Apa itu Grid CSS CSS Grid Module adalah sistem tata letak berbasis grid, dengan baris dan kolom, sehingga memudahkan mendesain halaman web tanpa harus menggunakan float dan positioning. Css Grid sudah support di semua browser seperti, Chrome, Edge, Mozilla, Safari, Opera 2. Grid Layout Kode  Output 3. Grid Elemen Kode Output Ketika diganti display nya menjadi inline-grid, maka tampilannya berubah jadi : 4. Column Gap Kode Output 5. Row Gap Kode Output 6. Gap Kode  Output
Baca selengkapnya