Membuat Map Gambar di HTML

TAG MAP

Yang sebelumnya kita belajar bersama tentang gambar yaitu Cara Membuat Caption Gambar di HTML untuk kali ini Firman ingin membahas tentang Map gambar. Map gambar atau Peta gambar adalah gambar dengan area tertentu yang dapat di klik. Tag yang digunakan yaitu <map>  dengan menggunakan atribut name pada Tag map dan dikaitkan dengan menggunakan atribut usemap pada Tag img sehingga membuat hubungan antara gambar dan peta, yang berisi sejumlah Tag <area> yang menentukan area yang dapat di klik pada peta gambar. Langsung saja kita simak dibawah ini contoh dari penggunaan Tag <map>.

Kode HTML :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvDW7FIRxY5BB7bF2GpP0VEMPhOkFZi_FGFsinJiJmSwjXtoIYQZ_cnmDqtD078_GaUgG_ECc12IJ9eVTmRHgR5yuk0PSIcxHfSbYJmfvl2p4SWGJ9YfCDLlTBsPADBDLR09ysNycbdE4/w172-h178-rw/" alt="Sekedar_Contoh" usemap="#Contoh">

<map name="Contoh">
<area shape="rect" coords="0,0,725,100" alt="Area Pertama href="Map_Pertama.html">
<area shape="rect" coords="0,100,725,200" alt="Area Kedua href="Map_Kedua.html">
<area shape="rect" coords="0,200,725,300" alt="Area Ketiga href="Map_Ketiga.html">
</map>

Hasil Output :
Sekedar_Contoh


Mungkin itu saja untuk artikel ini, Firman cukup kan sampai disini. Demikian postingan saya kali ini, semoga berguna dan bermanfaat bagi kita semua. Kekurangan dan kesalahan saya mohon maaf, dan jika belum paham atau ingin bertanya berikanlah komentar dibawah. Atas kunjungannya saya ucapkan Terima Kasih.

Comments

Popular posts from this blog

Pengertian dan Contoh Sederhana tentang Stack dan Queue

Permainan Logika tentang Algoritma

Cara Menyisipkan Tanggal (JCalender) di Java NetBeans dan di Simpan dalam Database