Tagging img Usemap Attribute Pada Bahasa Pemrograman HTML

Tagging <img> Usemap Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Anda pasti sangat asing dengan atribut ini bukan ? Karena, atribut ini biasanya hanya dipakai untuk kebutuhan menentukan sebuah objek atau area pada gambar untuk diseleksi. Untuk itu atribut ini tidak familiar oleh anda karena memang jarang sekali digunakan, biasanya penggunaanya adalah untuk menyeleksi gambar tertentu misalnya buah-buahan, peta konsep, map dan tracking, bangun bidang dan lain sebagainya.

Nah, salah satu atribut yang dimiliki Tag Img adalah "Usemap".

Seperti apakah fungsi dari Atribut Usemap pada Tag Img pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Usemap - Adalah salah satu atribut pada pemrograman HTML yang dapat digunakan untuk membentuk sebuah seleksian gambar yang dapat dijadikan acuan objek. Untuk menggunakannya diperlukan rumusan bilangan yang fungsinya menentukan daerah atau area yang akan terseleksi pada gambar.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<img usemap="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>

Value Usemap Img :

No.	Value	Fungsi
1	#mapname	Berfungsi untuk menentukan sumber daya yang akan digunakan untuk menyeleksi gambar, yakni #nama_map. Adapun nama_tag diambil dari tag <map>.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <img> Tagging ?
Klik disini : Tagging <img> HTML



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <img> Usemap Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <img> Usemap HTML.
Sekian dan terimakasih.