HTML area Etiketi ve Örnek Kullanımı!
HTML area Etiketi ve Örnek Kullanımı!

Tanım ve Kullanım

HTML area Etiketi. <area> etiketi görüntü haritasının içindeki bir alanı tanımlar (görüntü haritası tıklanabilir alanlara sahip bir görüntüdür).

<area> öğesi her zaman bir <map> etiketinin içine yerleştirilir.

<p>Güneşe veya diğer gezegenlere tıklayabilirsiniz.:</p>

<img src="https://armyyazilim.com/wp-content/uploads/2020/01/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Güneş" href="https://armyyazilim.com/wp-content/uploads/2020/01/sun.gif">
  <area shape="circle" coords="90,58,3" alt="Merkür" href="https://armyyazilim.com/wp-content/uploads/2020/01/merglobe.gif">
  <area shape="circle" coords="124,58,8" alt="Venüs" href="https://armyyazilim.com/wp-content/uploads/2020/01/venglobe.gif">
</map>

Güneşe veya diğer gezegenlere tıklayabilirsiniz.:

Planets Güneş Merkür Venüs

Not: <img> etiketindeki usemap özelliği , <map> öğesinin name özelliğiyle ilişkilendirilir ve resim ile harita arasında bir ilişki oluşturur.

HTML’de <area> etiketinin bitiş etiketi yoktur.

ANCAK! XHTML’de <area> etiketi düzgün bir şekilde kapatılmalıdır.

Herhangi bir sorunuz ve öneriniz varsa, yorumlar kısmında bize bildirin!

Eğer yazılım ile ilgileniyorsanız sizde bizlere katılıp makaleler yazabilir video içerikler üretebilirsiniz. Sizlerle birlikte bizde büyük bir ekip olabiliriz.

Ayrıca İnstagram hesabımızı takip edebilir  bize  Twitter ’dan da yazabilirsiniz.

Bu platformlardan herhangi birinde hsabınız yok ise telaşa gerek yok. İstediğiniz soruyu yorumlarda belirtebilirsiniz.

İlginizi çekebilir…

Tüm HTML Kodları ve Açıklamaları!

Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …

HTML

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir