<AREA>

Elemen AREA digunakan untuk menetapkan area di dalam image-map, image-map adalah suatu gambar yang area-area tertentunya dapat diklik.

Sintaks:

<area Attribute="Value">

Elemen AREA harus ditetapkan di dalam elemen MAP.

Untuk membuat image-map, atribut USEMAP dari elemen IMG harus berisi nilai atribut NAME elemen MAP yang didahului tanda #.

HREF=URI dan NOHREF
Atribut HREF digunakan untuk menetapkan URL dari sumber yang ditargetkan oleh elemen AREA. Atribut NOHREF digunakan untuk menetapkan bahwa elemen AREA tidak memiliki sumber yang ditargetkan.

Contoh:

<map name="mymap"> <area href="A.html" shape="rect" coords="5,5,95,195"> <area alt="B.html" shape="rect" coords="105,5,195,195" nohref> <area href="C.html"shape="rect" coords="205,5,295,195"> </map> <image src="sitemap.gif" alt="Site map" usemap="#mymap" width="300" height="200">

SHAPE dan COORDS=Coords
Atribut SHAPE digunakan untuk menetapkan beberapa area hotspot sederhana menggunakan default, rect, circle, atau poly. Sedang atribut COORDS digunakan untuk menetapkan koordinat area klik untuk IMG atau OBJECT sebagai image map. Untuk Coords:

• Gunakan x1,y1,x2,y2 untuk menetapkan koordinat dari sudut kiri atas (0,0) dan sudut kanan bawah, dan itu akan menetapkan area klik berbentuk persegi empat.
• Gunakan x,y,radius untuk menetapkan x, y sebagai koordinat titik tengah dan radius menetapkan jari-jari dari bentuk lingkaran.
• Bentuk polygon adalah ditetapkan oleh browser dengan menghubungkan satu titik koordinat dengan satu titik koordinat lainnya. Satu titik koordinat diwakili oleh dua nilai yang berpasangan (x1,y1), (x2,y2), dst.

Contoh:

<map name="mymap"> <area href="A.html" alt="A.html" shape="rect" coords="5,5,95,195"> <area href="B.html" alt="B.html" shape="rect" coords="105,5,195,195"> <area href="C.html" alt="C.html" shape="rect" coords="205,5,295,195"> </map> <image src="sitemap.gif" alt="Site map" usemap="#mymap" width="300" height="200">

ALT=Text
Atribut ALT digunakan untuk menetapkan alternatif teks ketika gambar gagal dimuat oleh browser.

Contoh:

<map name="mymap"> <area href="A.html" alt="A.html" shape="rect" coords="5,5,95,195"> <area href="B.html" alt="B.html" shape="rect" coords="105,5,195,195"> <area href="C.html" alt="C.html" shape="rect" coords="205,5,295,195"> </map> <image src="sitemap.gif" alt="Site map" usemap="#mymap" width="300" height="200">

Atribut event ONFOCUS=Script digunakan untuk menetapkan bahwa script akan dijalankan ketika elemen AREA mendapatkan fokus masukan. Atribut event ONBLUR=Script digunakan untuk menetapkan bahwa script akan dijalankan ketika elemen AREA kehilangan fokus.

Untuk atribut TABINDEX=Number dapat dilihat di Atribut-Atribut Keyboard HTML, dan untuk atribut TARGET=[_blank, _parent, _self, _top, framename] bisa dilihat di Atribut TARGET HTML.

Elemen AREA juga mendukung Atribut-Atribut Standard HTML.