Elemen <area> HTML | Tag area

Penggunaan Elemen <area>

Elemen <area> digunakan untuk menentukan atau menandai wilayah atau area tertentu pada elemen <img> atau gambar, dan biasanya dijadikan sebagai tautan atau link. Elemen <area> adalah elemen bersarang (nasted element) yang berada di dalam elemen <map>. Untuk menentukan koordinat wilayah atau area pada gambar di dalam elemen <area>, maka harus ditambahkan atribut shape dan atribut coords.

Atribut shape digunakan untuk mendefinisikan bentuk wilayah atau area pada gambar yang akan ditandai. Atribut shape memiliki 3 jenis nilai, yaitu rect (kotak), circle (lingkaran), dan poly (poligon). Sedangkan atribut coords adalah atribut yang akan menentukan nilai titik-titik koordinat atau posisi wilayah tertentu pada gambar.

  • Jika nilai atribut shape adalah rect, maka nilai atribut coords adalah 4 titik koordinat, yaitu kiri, atas, kanan, dan bawah.
  • Jika nilai atribut shape adalah circle, maka nilai atribut coords adalah 3 titik koordinat. Dua nilai pertama untuk menentukan titik koordinat tengah lingkaran (nilai kiri, nilai atas), dan nilai yang ketiga untuk menentukan nilai radius lingkaran.
  • Jika nilai atribut shape adalah poly, maka nilai atribut coords tidak terbatas dan tergantung bentuk atau wilayah gambar yang akan ditentukan. Misalnya jika akan menentukan wilayah gambar dengan berbentuk segi lima, maka nilai atributnya akan berisi 5 titik koordinat.
Kode Editor
Preview

Dukungan Atribut

Tinggalkan komentar