Tagging area Coords Attribute Pada Bahasa Pemrograman HTML

Tagging <area> Coords 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 .

Seperti apakah fungsi dari atribut Coords pada tag Area pada HTML ?

Simak ulasan di bawah ini untuk mengetahuinya,

Coords - adalah sebuah atribut yang digunakan untuk men deklarasi jenis konten data yang dimuat pada tagging , akan tetapi pada umumnya kebanyakan orang tidak memanfaatkan atribut ini padahal atribut ini berguna untuk mendeklarasi Koordinat titik gambar tertentu yang perlu untuk digunakan.

Syntax :

<area href="URL_Image" coords="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://3.bp.blogspot.com/-TmynqthXq3Q/WyoZWt7Rz5I/AAAAAAAAD8Y/sGMM3k2LkzQXMgaut5cV5GaqYvx2HBf7QCLcBGAs/s1600/planets.gif" alt="Planet" usemap="#mapping">
 <map name="mapping">
  <area shape="rect" coords="0,0,82,126" href="https://1.bp.blogspot.com/-ErP_ApaGk8I/WyoZW6B3UwI/AAAAAAAAD8c/vW0N-A8yPZUJLFY26eupIhct8pwgtRomwCLcBGAs/s1600/sun.JPG" alt="Matahari">
  <area shape="circle" coords="90,58,3" href="https://1.bp.blogspot.com/-VKxEyUV-284/WyoZWlTclzI/AAAAAAAAD8U/l773nn2xB5k76g5mQ1guiJ9NTRWJiQpZwCLcBGAs/s1600/mercur.JPG" alt="Mercurius">
  <area shape="circle" coords="124,58,8" href="https://1.bp.blogspot.com/-LBp015VoBIQ/WyoZXu9bI9I/AAAAAAAAD8g/_3INUeAEBW4UvF8B0Ni_pN21icmLWtZmgCLcBGAs/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 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> Coords Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <area> Coords Attribute pada HTML.
Sekian dan terimakasih.