Contoh
Gambar-peta, dengan area yang dapat diklik:
<img src ="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Cobalah sendiri " Definisi dan Penggunaan
The coords atribut menentukan koordinat area di gambar-peta.
The coords atribut digunakan bersama-sama dengan shape atribut untuk menentukan ukuran, bentuk, dan penempatan daerah.
Tip: The koordinat sudut kiri atas area yang 0,0.
Dukungan Browser
| Atribut | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
Perbedaan Antara HTML 4.01 dan HTML5
NONE.
Sintaksis
<area coords="value">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| x1,y1,x2,y2 | Menentukan koordinat kiri, atas, kanan, pojok bawah persegi panjang (untuk shape="rect" ) |
| x,y,radius | Menentukan koordinat pusat lingkaran dan jari-jari (untuk shape="circle" ) |
| x1,y1,x2,y2,..,xn,yn | Menentukan koordinat tepi poligon. Jika yang pertama dan terakhir pasangan koordinat tidak sama, browser akan menambahkan pasangan terakhir koordinat untuk menutup poligon (untuk shape="poly" ) |