Apa html yang benar untuk membuat hyperlink?

HTML element tag atau anchor adalah tag HTML yang digunakan untuk membuat suatu hyperlink. HTML element tag biasanya digunakan di dalam proses perpindahan antar halaman. Tampilan tag secara default dalam bentuk teks dengan keterangan halaman yang akan dijadikan sebagai tujuan. Namun penggunaan teks pada tag sering ditiadakan dan digantikan dengan tampilan hyperlink dalam bentuk gambar yang lebih menarik.

Table of Contents Show

Cara Membuat link di HTML
Alamat Absolute dan Alamat Relatif
Atribut tag <a>: target
Manakah tag HTML yang benar untuk membuat hyperlink?
Apa itu link di HTML?
Bagaimana cara membuat link URL?
Tag apa yang digunakan untuk membuat baris baru dalam HTML?

Suatu data gambar (image) dapat dijadikan sebagai pengganti suatu link untuk menghubungkan satu halaman dengan halaman lainnya. Hal ini akan memudahkan pengguna dalam mengenali halaman tujuan jika dibandingkan dengan menggunakan link dalam bentuk teks keterangan.

Penerapan data gambar (image) sebagai pengganti teks dilakukan dengan menyisipkan HTML element tag

HTML element tag memiliki berbagai atribut khusus yang berfungsi untuk mengatur tampilan, menentukan tujuan tautan dan perilaku halaman saat muncul pada browser. Silahkan kunjungi tautan tag antar halaman untuk melihat atribut khusus pada element tag .

Link adalah tujuan kata Hypertext dari kepanjangan HTML. Dalam tutorial belajar HTML dasar kali ini kita akan membahas cara membuat link di HTML.

Cara Membuat link di HTML

Tujuan kata Hypertext dari HTML adalah membuat sebuah text yang ketika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag <a>untuk keperluan ini.

Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference).

Agar lebih jelas, kita akan lihat menggunakan contoh. Silahkan buka text editor dan buat kode seperti dibawah ini.

Contoh penggunaan tag link <a>:

<!DOCTYPE html>
<html>
<head>
  <title>Penggunaan Tag Link </title>
</head>
<body>
  <h1>Belajar Tag Link</h1>
  <p>Saya sedang belajar HTML dari 
  <a href="https://www.duniailkom.com">Duniailkom</a></p>
</body>
</html>

Alamat Absolute dan Alamat Relatif

Pada contoh diatas kita menuliskan alamat link secara lengkap dengan bagian “http://www.”. Penulisan seperti ini disebut juga dengan external link, yang berarti kita membuat link ke alamat lain di internet, atau lebih dikenal dengan: alamat absolut.

Alamat absolut adalah penulisan alamat file dengan menyertakan nama website, seperti: href=”https://www.duniailkom.com/belajar_html.html”, atau href=”http://www.wikipedia.org”.

Namun jika kita ingin membuat link di dalam situs yang sama, maka tidak perlu menyebutkan alamat lengkap tersebut. Tetapi cukup mencantumkan alamat file yang dituju relatif kepada file saat ini. Jenis alamat ini disebut alamat relatif.

Sebagai contoh alamat relatif, apabila kita ingin membuat link kepada file hello.html pada folder yang sama dengan file saat ini, maka atribut hrefnya, berisi: href=”hello.html”. Berikut adalah kode HTMLnya:

Contoh penggunaan tag link <a> untuk alamat relatif:

<!DOCTYPE html>
<html>
<head>
  <title>Penggunaan Tag Link </title>
</head>
<body>
  <h1>Belajar Tag Link</h1>
  <p>Halaman HTML pertama saya adalah <a href="hello.html">Hello</a></p>
</body>
</html>

Alamat absolute ditulis dengan lengkap, seperti https://www.duniailkom.com, atau jika kita merujuk kepada halaman tertentu, menjadi https://www.duniailkom.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 .

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.

Atribut tag <a>: target

Atribut penting lainnya dari tag <a> adalah target. Atribut ini digunakan untuk menentukan apakah link yang dituju terbuka di jendela browser saat ini, atau terbuka di jendela baru.

Secara default, setiap link yang kita tulis akan terbuka pada jendela yang sama (menimpa halaman web saat ini). Tetapi apabila kita ingin halaman tersebut terbuka pada tab baru, gunakan atribut target=”_blank”.

Contoh penggunaan tag link <a> dengan atribut target:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tag Link </title>
</head>
<body>
<h1>Belajar Tag Link</h1>
<p>Saya sedang belajar html dari <a href="https://www.duniailkom.com" 
target="_blank">Duniailkom</a> dan akan terbuka pada tab baru</p>
</body>
</html>

Jika kita men-klik link tersebut, maka halaman duniailkom.com akan terbuka di tab baru, dan tidak menimpa tab saat ini.

eBook HTML Uncover Duniailkom

Anda serius ingin menguasai HTML? Duniailkom telah menyusun eBook HTML Uncover. eBook ini membahas HTML dengan lebih detail dan lebih lengkap hingga fitur terbaru HTML5. Penjelasan lebih lanjut bisa ke: eBook HTML Uncover Duniailkom.

Manakah tag HTML yang benar untuk membuat hyperlink?

Link pada HTML dapa dibuat dengan tag <a> , kemudian tag ini harus memiliki atribut href untuk menentukan alamat URL tujuan dari link. Link akan ditampilkan dengan warna biru dan garis bawah. Ini adalah style standar dari setiap browser.

Apa itu link di HTML?

Hyperlink atau link adalah objek pada HTML (bisa berupa teks, gambar, atau multimedia lainnya) yang jika diklik membawa ke halaman lain. Fungsi dari link adalah untuk menghubungkan satu halaman dengan halaman lain agar mudah diakses.