Elemen HTML a
  • Updated on
  • Admin
  • HTML
Sampul-Cover-glosarium-A-nyekrip 

<a href="url">
</a>

Definisi dan Penggunaan

Elemen HTML a merupakan elemen yang paling pendek, meskipun begitu elemen ini merupakan elemen inti dalam WWW. Dengan elemen ini kita bisa menghubungkan miliaran halaman web, membuat kita surfing dari halaman ke halaman hampir tanpa henti.

Kita tentu pernah atau malah sering surfing di internet dan klik tulisan atau gambar, ketika di klik maka akan menuju halaman website lainnya. Tulisan atau gambar yang ketika di-klik menuju halaman web yang lain itu disebut link. Segala objek yang berupa tulisan, gambar atau lainnya jika diapit tanda <a> dan </a> maka akan dianggap link oleh browser.

Secara sederhana, penggunaan elemen a diperlihatkan pada skrip dibawah ini:

<a href="http://www.nyekrip.com">Ini Adalah Link, jika diklik akan menuju halaman nyekrip.com</a>

Secara default, jika tidak ada style CSS tambahan yang diterapkan, link akan muncul sebagai berikut:

  • link yang belum dikunjungi akan nampak dengan warna biru dan teks bergaris bawah.
  • link yang telah dikunjungi akan nampak dengan warna ungu dan teks bergaris bawah.
  • link ketika aktif (biasanya) saat yang sangat singkat antara Aktivasi link dan Pemuatan halaman berikutnya akan nampak dengan warna merah dan teks memilki garis bawah.

Elemen HTML a memiliki beberapa atribut, tapi atribut yang sering digunakan adalah atribut href. Atribut ini menunjukkan tujuan link, bisa menuju halaman web lain, menuju bagian yang sama dari halaman web, atau menuju beberapa dokumen lain , seperti gambar, spreadsheet, atau dokumen PDF.

Dukungan Browser

Elemen
<a> Ya Ya Ya Ya Ya

Latihan Elemen HTML a

Sebagai latihan, mari kita membuat  halaman HTML dan membuat link dalam halaman tersebut, buat file HTML dengan nama index.html.

Pada file index.html ketik-kan skrip berikut.

<!doctype html>
 
<html lang="en">
 
   <head>
 
      <meta charset="utf-8">
 
      <title>Contoh Elemen a</title>
 
   </head>
 
<body>
 
   <a href="page.html">Ini Adalah Link, jika diklik akan menuju page.html</a>
 
</body>
 
</html>
Run Skrip

Ketika skrip diatas dijalankan, maka akan nampak seperti gambar berikut.

elemen_html_a_nyekrip

Penggunaan elemen HTML a

Perhatikan gambar diatas, jika link belum dipengaruhi oleh style atau CSS, maka link yang belum dikunjungi akan tampil dengan warna biru dan memiliki garis bawah. Jika link pada halaman ini di-klik maka akan menuju file page.html, perhatikan pada skrip href="page.html".

Elemen HTML a memiliki atribut:

  • accesskey
  • charset
  • coords
  • href
  • hreflang
  • name
  • rel
  • rev
  • shape
  • tabindex
  • target

Tagged:

About The Author

Suka ingin berbagi pengetahuan dan pengalaman nyekrip program yang dituangkan dalam web ini dan sekarang sedang fokus mengembangkan Web Tutorial berbahasa Indonesia. Nyekrip - Web Tutorial Indonesia