#8 - Elemen Link Pada HTML

Surya Fajriyansyah Agustus 04, 2018
Elemen Link Pada HTML


Elemen link pada HTML adalah elemen yang digunakan untuk membuat kaitan ke halaman lain. Ketika elemen link diklik maka halaman browser akan berpindah menampilkan halaman lain yang dituju link tersebut.
<a href="url"> teks link </a>
Tag <a> menggunakan atribut href untuk menentukan alamat tujuan link. teks link adalah teks yang akan kita jadikan link. Ketika teks link diklik, maka halaman akan berpindah ke alamat tujuan link.
Kita tidak hanya dapat menggunakan teks sebagai link, tapi juga gambar atau elemen lainnya.
<a href="url"><img src="gambar.jpg" /></a>
Atribut Target
Atribut target kita gunakan untuk menentukan dimana alamat link harus dibuka.
  • _self - Membuka alamat link di tab/jendela browser yang sama (nilai bawaan)
  • _blank - Membuka alamat link di tab/jendela browser yang baru
  • _parent - Membuka alamat link di frame induk
  • _top - Membuka alamat link di jendela penuh
  • framename - Membuka alamat link di frame yang namanya sudah ditentukan
Umumnya kita akan sering menggunakan nilai _blank untuk menampilkan halaman di tab browser baru. Bila atribut ini tidak dipasang, maka nilai defaultnya adalah _self, artinya alamat link tersebut akan dibuka di jendela yang sedang aktif.

CONTOH !!

 <!DOCTYPE html>
 <html>
 <head>
 <title>Belajar HTML</title>
 </head>
 <body>
   <p>Contoh link dengan teks:</p>
   <a href="https://www.channelaku.blogspot.com" target="_blank">SF - Channel</a>

   <p>Contoh link dengan gambar:</p>
   <a href="https://www.channelaku.blogspot.com" target="_blank">
     <img src="#urlimage.png" />
   </a>
 </body>
 </html>
Surya Fajriyansyah

Diposting oleh Surya Fajriyansyah