Mengaitkan link ke dalam HTML

HTML link 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

Contoh:
<!DOCTYPE html>
<html>
    <head>
        <title>Belajar HTML</title>
    </head>
    <body>
      <p>Contoh link dengan teks:</p>
      <a href="http://edoblog354.blogspot.co.id" target="_blank">Edo Blogspot</a>
      <p>Contoh link dengan gambar:</p>
      <a href="http://edoblog354.blogspot.co.id" target="_blank">
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhddbb0QJ4uU8lZqq9R8_-8hxeGgrdKqnltN86axbVbaEb_A93t4m0TYJAtU653kp0V1uWWveD3htDnVfget0NeP1-uI5SztLIIj7hriVYbIpDoOFa9VTPDPLmKH7yDPKU6rVIGqGNZssEJ/s1600/Youtubw.jpg" width="200px" height="200px" />
      </a>
    </body>
</html>

Outputnya akan seperti ini:

Contoh link dengan teks:
Edo Blogspot
Contoh link dengan gambar:


Sumber: codepolitan.com
 

Komentar

Posting Komentar