Dasar Atribut Tagging map Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <map> Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Dalam pelajaran di bangku sekolah dasar masih ingat kah kita dengan peta tempat sebuah denah lokasi yang dituangkan pada selembar kertas, ternyata hal tersebut dimanfaatkan oleh pemrograman html untuk menentukan sebuah lokasi gambar ke dalam sebuah halaman website. Gambar tersebut akan diletakkan pada gambar yang lebih besar sebagai penggerak, andika pengunjung mengklik gambar tertentu maka akan menjumpai proses yang sudah ditentukan sebelumnya pada codingnya.

Seperti apakah fungsi dari Tagging Map pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Map - Adalah salah satu tag pemrograman HTML yang memiliki fungsi untuk menentukan sebuah gambar pada gambar lainnya, untuk menggabungkan dua gambar atau lebih menjadi satu gambar denah maka ditentukan sebuah perhitungan matematik untuk meletakkan letak dan irisan tertentu sesuai yang diinginkan oleh pembuatnya.

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

Syntax :

<map> Konten </map>

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 Usemap ini hanya dapat didukung oleh browser Mozilla Firefox dan Opera Browser.</p>

Map Attribute :

No.	Attribute	Value	Fungsi
1	name	mapname	Berfungsi untuk mendefinisikan nama dari denah gambar yang dibuat pada halaman website.

Ingin mencobanya ?
Klik disini : JALANKAN CODE



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