Format Tampilan Gambar dengan Map

Format  gambar  yang  ditambahkan  dalam  dokumen  HTML,  diantaranya dalam   format  GIF,  JPEG,  PNG.  Untuk  menambahkan  gambar  kedalam dokumen  HTML  digunakan  tag  <IMG>    dengan  dilengkapi  atribut  img.  Atribut  tag <img>  yang  sering  digunakan  diantaranya  src,  align,  width,  height,  alt  dan penulisan  skrip secara umum  adalah  sebagai  berikut  : <IMG SRC =  ”directori gambar /  nama gambar”  atribute=”nilai atribut”> <IMG SRC =  ”directori gambar /  nama gambar” Gambar  dengan  map  memungkinkan  untuk  memasang  beberapa  link  dalam satu  gambar.  Hal  tersebut  memudahkan  kita  dalam  memanggil  sebuah  halaman web  dengan  hanya  menempatkan  sekelompok  gambar  menjadi  satu  gambar. Untuk  membuat  image  map,  harus  ditambahkan  atribut  USEMAP  pada  tag image. usemap="#p lanetmap"> Tampilan  gambar  dengan  map  merupakan  suatu  area  pada  gambar  /image yang  dapat  diberi  hyperlink  area  yang  biasanya  disebut  ”hotspots”.  Koordinatnya gambar  ditentukan  menggunakan  bidang geometri  seperti  rectangle,  polygon  dan lain  sebagainya.  Map  sendiri  dapat  diartikan  sebagai  peta.  Untuk  membuat image  map digunakan  tag  <map>  dan  <area>. Perintah  <map>  dapat  didukung  oleh  pelbagai  browser,  diantaranya internet  explorer,  mozilla  firefox,  opera,  google chrome  maupun  safari. . Gambar   14.1 browser  yan  mendukung tag <map> 164  |  P a g e 
Tag <map> digunakan untuk mendefinisikan sebuah tampilan gambar map pada sisi client-side. Sebuah gambar map adalah gambar merupakan area yang dapat diklik. Nama dari gambar yang dibutuhkan pada penulisan  atribut pada tag <map>.Hal ini dikaitkan dengan <img> usemap atribut dan menciptakan hubungan antara gambar dan map nya. Bagian dari tag <map> berisi sejumlah elemen <area>, yang mendefinisikan suatu lokasi/daerah saat  diklik di gambar map dapat menghubungkan ke gambar lainnya yang sudah ditentukan.