![JOKAM INFORMATIKA [OFFICIAL]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD8ME4zeTkAWYPlFPVC4ywAKwF3zE4EWYj0gvTxSvG3Ov72uofdw3F-hmJ99uPda5NE7CaO7hrf00574Oh9xcbJIfR6YK5Wc6mkbpVnDzK7ZYPX-ju9XBxfEO1-yjKfbm-7TOFRlo_TqWS/s336/JOKAM+INFORMATIKA.png)
Tagging <area> Alt Attribute Pada Bahasa Pemrograman HTML
Jokam-Informatika.com - Sobat pastinya sudah pernah mempelajari tentang Tagging Area, yang mana Tag tersebut digunakan untuk menyeleksi sebuah koordinat gambar supaya pada saat pengunjung melihat gambar dan ingin mengklik pada bagian tertentu maka hal tersebut dapat dilakukan dengan cara yang akurat dan juga meminimalisir ter-kliknya bagian yang tidak diinginkan pada gambar.
Namun pada kesempatan ini saya akan menerangkan tentang salah satu atribut yang dimiliki oleh tag <area>.
Simak ulasan di bawah ini untuk mengetahuinya,
Alt - Adalah sebuah istilah yang sudah dipenggal tiga huruf pertama yaitu Alternate, arti dari alternate adalah alternatif yang mana metode ini dapat dimanfaatkan dan juga berguna bagi pengunjung apabila mereka tidak dapat melihat gambar secara utuh. Pada umumnya hal ini dapat terjadi bagi mereka yang memiliki koneksi internet yang cukup lamban sehingga gambar tidak dapat termuat dengan baik, akan tetapi sebagai gantinya maka atribut ini dapat memberitahukan secara tertulis yaitu menampilkan pesan yang mendeskripsikan jenis ataupun nama dari gambar yang sudah gagal dimuat tersebut.
Meskipun tidak dapat mengganti gambar yang serupa akan tetapi metode ini cukup membantu bagi mereka yang tidak dapat mengakses gambar, hal ini dirasa lebih baik daripada tidak sama sekali dengan adanya kolom ataupun area yang kosong.
Namun pada kesempatan ini saya akan menerangkan tentang salah satu atribut yang dimiliki oleh tag <area>.
Seperti apakah fungsi dari atribut Alt pada tag Area pada HTML ?
Simak ulasan di bawah ini untuk mengetahuinya,
Alt - Adalah sebuah istilah yang sudah dipenggal tiga huruf pertama yaitu Alternate, arti dari alternate adalah alternatif yang mana metode ini dapat dimanfaatkan dan juga berguna bagi pengunjung apabila mereka tidak dapat melihat gambar secara utuh. Pada umumnya hal ini dapat terjadi bagi mereka yang memiliki koneksi internet yang cukup lamban sehingga gambar tidak dapat termuat dengan baik, akan tetapi sebagai gantinya maka atribut ini dapat memberitahukan secara tertulis yaitu menampilkan pesan yang mendeskripsikan jenis ataupun nama dari gambar yang sudah gagal dimuat tersebut.
Meskipun tidak dapat mengganti gambar yang serupa akan tetapi metode ini cukup membantu bagi mereka yang tidak dapat mengakses gambar, hal ini dirasa lebih baik daripada tidak sama sekali dengan adanya kolom ataupun area yang kosong.
Untuk menerapkan metode ini pada halaman atau website anda maka anda dapat melakukan hal sebagai berikut :
Syntax :
<area href="URL_Image" alt="value">
Penerapan Syntax :
<p>Klik salah satu planet untuk melihat salah satu dari ketiga gambar planet sepenuhnya pada gambar dibawah ini :</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvN1WzfrvO8tHrYl57PUx9HiXVWSmYNs35Qjm8GYHbHcXPAGLgEdIzM3NdOcQWdm_Wej9yak-kxnw9QAxwiQgeu7W5kfrOg0Kyk-ZyJmgJ3x_Y6kPzAyVzQjy_nU1uqjhyphenhyphenMuiuIQ7XCO53/s1600/planets.gif" alt="Planet" usemap="#mapping">
<map name="mapping">
<area shape="rect" coords="0,0,82,126" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenbf_QBkFjzaG7CDGNMW1OmQv8DGNAvqrXzakF8GfBMFHNhuWbxrXwU_WbiDWVU8GOhFA3CaL-xeY845utfvgAcSjhGIU9yi4LvBVla5xnLWbMjbvvsgDn07OlIBhMVvC28HiFR7Bh4gc/s1600/sun.JPG" alt="Matahari">
<area shape="circle" coords="90,58,3" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBdnBBMCgQR8NZFZSwMpiqmHtRCaGsOXpvpUCZx2ApKUgUgU5I5H8EaZZweE2JJXc1I0S6OFOkhBTm3aBbTMGgaHlziBXybkHGmn6VUeZ2YcsTWLzO17R3rjHSY8Owlh9nWAZAnIXvNZ_/s1600/mercur.JPG" alt="Mercurius">
<area shape="circle" coords="124,58,8" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhichw66maBfILpIhew03RQ_oH4x43-tjRY_UKtCkIHStVp8ZtxugP2uC5qc1DSM7r6BUwiboapFI9kUr8W1bl0kTaxF4UPoNze53mtdhN6RyPuptOWG49c9YXOFOMyhKx7IVxY0mvQsiEs/s1600/venus.JPG" alt="Venus">
</map>
<p><b>Catatan : </b>Atribut Koordinat ini hanya dapat didukung oleh browser Mozilla Firefox dan Opera Browser.</p>
NB : Atribut ini mewajibkan tag <area> untuk menyertakan atribut lainnya yakni "href" yang merujuk pada gambar.
Ingin mencobanya ?
Klik disini : JALANKAN CODE
Ingin Kembali ke <area> Tagging ?
Klik disini : Tagging <area> HTML
Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <area> Alt Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <area> Alt Attribute pada HTML.
Sekian dan terimakasih.
