Coordinate on HTML Image Map Area Tag

Pamulang… Nyambung lagi dari tulisan gw sebelomnya mengenai HTML Image Map Area Tag yang sedikit gw bahas tentang gimana cara bikin beberapa link di Image. Berhubung mata dah gag kuat lagi buat nulis lanjutan mengenai gimana cara menentukan coordinate di atribut shape, jadi gw tutup dulu tulisannya. Disini gw sambung lagi cara untuk menentukan coordinate di ketiga atribute shape tersebut.

Mungkin ada beberapa cara untuk menentukan letak titik coordinate itu, tapi disini yang mau gw share cuma dua cara yang gw ketahui. Beberapa bulan sebelumnya gw emang udah mau pelajarin ini tag, tapi masi bingung ajah gimana caranya nentuin coordinate. Cara pertama sih gw temuin itu pake nambahin atribut ismap di tag image <img ismap=”ismap” />. Tapi pas tadi malem gw nulis tentang HTML Image Map Area Tag, gw penasaran untuk cari coordinate pake software Adobe Photoshop. n akhirnya ketemu juga cara nentuin coordinate image pake Adobe Photoshop.

HTML Image Map Area Tag

Pamulang… Pernah gag nemuin Image yang di tempelin fungsi Link? Pasti banyak kan yah, tapi disini maksud gw ntu Image yang ditaro fungsi link tapi gag keseluruhan dari image itu yang nyambung ke fungsi link. Jadi misal ada Image n didalemnya ada gambar yang kalo di klik baru menuju ke Link tujuan, sedangkan kalo krusor nyorot ke gambar yang gag ada fungsi link-nya gag ikut kesambung sama link tujuan.

Kalo di HTML namanya itu HTML <map> tag.. Gag ribet kok bikinnya, cukup mudah. Disini gw mau shared gimana simplenya bikin Fungsi HTML <map> tag tersebut… Oh iya hampir lupa, Kebanyakan yang udah expert itu masukin JAVASCRIPT di fungsi ini. Tapi untuk sementara fungsi JAVASCRIPTnya gw sampingin dulu, Jadi ini itu PYUR HTML Code…