Dasar Atribut Tagging area Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <area> Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Sobat sebelumnya pasti sudah pernah mempelajari tentang fungsi dari atribut koordinat yakni "coords". Nah, ternyata atribut tersebut dapat beroperasi dan juga bekerja sama dengan tagging <area> untuk menentukan area yang dijadikan titik objek eliminasi.

Penjelasan singkatnya, Tagging <area> memberikan sebuah tempat atau objek yang dipasangkan pada gambar agar pada saat pengunjung mengklik area tersebut maka area tersebut dapat terseleksi dengan baik, sedangkan untuk bagian yang tidak terdeklarasi area maka apabila pengunjung mengklik daerah selain area dapat dipastikan operasi ini dijalankan pada area tersebut.

Bagaimanakah itu Atribut Tagging <area> pada HTML ?

Simak ulasan di bawah ini untuk mengetahuinya,

Area - adalah sebuah tempat khusus yang dijadikan patokan apabila programmer ingin menentukan daerah seleksi, sedangkan seleksi tersebut kebanyakan dimanfaatkan untuk menyeleksi bidang gambar di halaman yang sudah dibuat dengan menggunakan bahasa pemrograman html.

Syntax :

<area atribute="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>

Attribute Tagging Area :

Atribut	Isi	Deskripsi
alt	text	Untuk mendefinisikan alternate apabila konten tidak dapat diakses pada koneksi yang lemah.
coords	coordinates	Untuk mendeklarasikan koordinat dari alamat.
download	filename	Untuk mengatur target yang akan didownload ketika pengguna menekan tombol pada link
href	URL	Untuk menentukan kemana pengunjung akan pergi ketika di klik
hreflang	language_code	Mendeklarasikan bahasa dari dokumen
nohref	nohref	Berfungsi untuk melepaskan pengalamatan area pada href.
rel	alternate author bookmark external next nofollow noreferrer noopener prev search tag	Berguna untuk mendeklarasikan halaman tersebut dengan halaman setelahnya
shape	default	Berfungsi untuk membentuk sebuah bidang tertentu untuk menyeleksi bagian tertentu pada gambar.
target	_blank _parent _self _top framename	Berfungsi untuk mendeklarasikan bagaimana cara membuka link tersebut
type	file-type	Berfungsi untuk mendeklarasikan file berkas jenis apakah yang sudah dipasangkan kepada website.

Ingin mencobanya ?
Klik disini : JALANKAN CODE



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