Format Tampilan Gambar dengan Map itu bisa di artikan apabila kita memasukan suatu Gambar dan Gambar itu bisa di klik. nah di dalam HTML itu di sebut dengan Tag <map>. tetapi sebelum kita memasukan Tag <map> kita harus memberikan attribut tag usemap=".." di dalam tag <img>
sebagai Contoh :
<img src="Letak File" usemap="#Identitas Map">
kita bisa memasukan # untuk memberi tanda saat kita mengklik gambar tersebut .
setelah kita memasukan tag <img> di html baru disitu kita dapat memasukan tag <map> Formatnya :
<map name =”Nama Map”> <area shape = ”type” coords=”value” href=”link”> </map>
- Shape = untuk menentukan bentuk hyperlink
- coords = untuk menentukan koordinat/posisi yang akan diklik
- href = tujuan ketika area itu diklik
map name itu harus di samakan dengan usemap agar bisa saling terhubung,dan untuk area shape ada beberapa type yaitu
Tipe Shape Keterangan
- Default Semua area image
- Rect Area kotak tertentu
- Poly Area poligon
- Circle Area lingkaran tertentu
Tipe Shape Keterangan
- Rect left-x, top-y, right-x, bottom-y
- Circle center-x, center-y, radius
- Poly x1, y1, x2, y2, ...xn, yn.
Contoh Penulisan Secara Lengkap Di HTML
<html>
<body>
<img src="lokasi gambar" width="bisa di isi dengan 100% atau berapapun sesuai keinginan" height="bisa di isi dengan 100% atau berapapun sesuai keinginan" usemap="#Nama Map">
<map name="Nama Map">
<area shape="rect/circle/poly" coords="angka, angka, angka, angka" href="Tujuan ketika di klik">
</map>
</body>
</html>
0 komentar:
Posting Komentar