Tagging area Shape Attribute Pada Bahasa Pemrograman HTML

Tagging <area> Shape Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Sebelumnya sobat tentunya sudah pernah mempelajari tentang salah satu tag content yang digunakan pada pemrograman HTML yaitu <area>, yang mana ia dapat difungsikan sebagai addressing tag dan dapat mengarahkan seorang pengunjung yang sudah mengklik gambar yan sudah terseleksi untuk memproses atau mengarahkan pengunjung ke halaman yang lainnya.

Tak hanya itu saja, ternyata pada tag <area> memiliki fitur lainnya yang dapat berguna untuk membentuk sebuah daerah tertentu dengan bentuk yang mengikat pada gambar yang tertaut.

Pada zaman bangku sekolah pastinya kalian sudah pernah diajarin oleh guru matematika kalian tentang titik sudut koordinat X dan Y bukan ? Nah, fungsi tersebut ternyata digunakan pada bahasa pemrograman html untuk menentukan suatu titik koordinat tertentu yang dapat menyeleksi gambar.

Attribute ini bernama Shape dan bekerjasama dengan <area> yang berguna untuk menentukan Shape apa yang digunakan oleh pengunjung sebelum mereka benar-benar mengakses tautan atau gambar yang sudah disertakan.

Seperti apakah fungsi dari Atribut Shape pada tag Area pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Shape - adalah sebuah metode yang berguna untuk memberikan sebuah bentuk yang memiliki panjang maupun lebar bidang 2 dimensi, sedangkan bidang tersebut akan digunakan untuk menentukan koordinat dari sebuah gambar. sehingga teknik ini dapat digunakan untuk menyeleksi titik tertentu pada gambar yang akan digunakan untuk keperluan tertentu.

Kebanyakan banyak dari pembuat halaman tersebut menggunakan metode ini untuk menyeleksi gambar edukasi untuk anak-anak, selain itu juga dapat digunakan untuk membuat sebuah peta tata letak geografis, dan lain sebagainya.

Saat pengunjung ingin mengetik bagian yang ia inginkan maka ia akan terarah pada gambar atau halaman yang berkaitan dengan koordinat tersebut saat diklik.

NB : atribut ini hanya dapat berfungsi untuk prambanan mozilla dan juga opera.

Syntax :

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

Area Shape Attribute Value:

No.	Value	Fungsi
1	default	Berfungsi sebagai bentuk sesuai koordinat input, sehingga tidak membentuk sebuah bidang akan tetapi sesuai dari nilai masukan(Bebas) pada sebuah bidang gambar secara bebas.
2	rect	Berfungsi untuk membentuk sebuah bidang persegi atau persegi panjang(rectangle) pada sebuah bidang gambar.
3	circle	Berfungsi untuk membentuk sebuah bidang lingkaran atau oval pada sebuah bidang gambar.
4	poly	Berfungsi untuk membentuk sebuah bidang polygonal(segi enam) pada sebuah bidang 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> Shape Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <area> Shape HTML.
Sekian dan terimakasih.