Belajar HTML dasar Membuat Link Pada 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 sesui alamat URL yang diberikan. Tidak hanya untuk menghubungkan halaman, link juga punya fungsi lain seperti scroll top, download file, menjalankan fungsi javascript, dll.
Hyperlink sendiri ditulis dengan menggunakan tag <a>. tag <a> ini selalu di ikuti oleh atribut href, dimana didalam href (hypertext reference) ini lah yang akan di isikan alamat yang dituju ketika text atau gambar di klik. berikut cara penulisan untuk membuat hyperlink :
<!DOCTYPE html>
<html>
<head>
<title>Menggunakan Tag Link </title>
</head>
<body>
<h1>Belajar Tag Link</h1>
<p>Saya sedang belajar HTML
<a href="https://www.cahsemarang.com">klik disini</a></p>
</body>
</html>
ketika di klik pada kata “klik disini” maka halaman akan di alihkan ke halaman www.cahsemarang.com. hal ini sesuai dengan ketentuan yang telah kita tetapkan pada atribut href.
Jenis Hyperlink pada HTML
Berdasarkan alamat URL yang dituju, link pada HTML dibagi menjadi dua kelompok yaitu alamat absolute ( external link ) dan alamat Relatif (internal link) mari kita bahas perlahan :
1. absolute ( external link ) adalah link yang mengarah ke website atau domain lain.
contohnya adalah gambar yang telah disajikan disajaikan di atas.
2. Relatife (internal link ) adalah link yang mengarah ke website atau file didalam website itu sendiri.
contoh nya seperti berikut
</p>
<!DOCTYPE html>
<html>
<head>
<title>Menggunakan Tag Link </title>
</head>
<body>
<h1>Belajar Tag Link</h1>
<p>Halaman biodata diri saya <a href="about.html">klik disini</a></p>
</body>
</html>
hasilnya
Alamat absolute ditulis dengan lengkap, seperti https://www.cahsemarang.com,
atau jika kita merujuk kepada halaman tertentu, menjadi https://www.cahsemarang.com/nama_halaman.html.
Alamat relatif maksudnya adalah relatif kepada file tempat kita memanggil link ini.
Seandainya nama file kita adalah belajar_link.html,
dan dalam folder yang sama terdapat halaman belajar_list.html, kita dapat menggunakan href=”belajar_list.html” untuk membuat link ke halaman belajar_list.html .
Contoh lain Jika file tersebut berada di dalam folder lagi_belajar, maka alamat relatifnya menjadi href=”lagi_belajar/belajar_list.html”. Namun bagaimana jika halaman tersebut berada 2 tingkat di luar folder saat ini? Kita dapat menggunakan href=”../../belajar_list.html”, untuk naik 2 folder diatasnya.
