Thursday, October 4, 2018

Dasar Atribut Tagging map Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <map> Pada Bahasa Pemrograman HTML




Dasar Atribut Tagging map Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

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
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.




PERLU DIKETAHUI


Iklan yang tampil pada halaman situs ini sepenuhnya sudah diatur oleh Pihak Google, kami hanya menyediakan tempat kosong khusus untuk iklan dari Google. Maka, apabila ada iklan yang dirasa kurang baik bagi anda sehingga tidak seharusnya ditampilkan, harap segera menginformasikan hal tersebut kepada kami dengan melalui Formulir Kontak yang ada di bagian bawah sendiri pada situs ini. Kemudian, kami akan segera menyampaikannya pada pihak Google terkait masalah tersebut.
Laporan dapat anda sertakan lampiran :
  • Nama Iklan
  • Alamat Screenshoot(Gambar) Iklan


Load Disqus Comments Hide Disqus Comments