HTML area Etiketi

HTML alan etiketi nedir, nasıl kullanılır ve örnekleriyle birlikte anlatılmaktadır. HTML öğrenmek isteyenler için temel bir rehber.

HTML Alan Etiketi Nedir?

HTML Alan Etiketi Nedir?

HTML alan etiketi, bir resim haritasının (image map) içeriğini tanımlamak için kullanılan bir HTML etiketidir. Bu etiket, bir resim üzerinde belirli alanların tıklanabilir bağlantılar olarak nasıl çalışacağını belirtmek için kullanılır. Bu şekilde, farklı alanlara tıklandığında farklı URL’lere yönlendirme yapılabilir.

HTML ala etiketinin kullanımı oldukça basittir. İlk önce, resmi sayfaya eklemeniz ve ardından bu resmin üzerindeki farklı alanları belirlemeniz gerekmektedir. Bu alanları belirlerken, hangi koordinatların tıklanabilir bağlantıları temsil ettiğini belirtmelisiniz. Bu koordinatlar, x ve y ekseni koordinatları olarak ifade edilir ve resmin sol üst köşesi (0,0) noktasını temsil eder.

HTML alan etiketi kullanarak, resim üzerinde tıklanabilir alanlar belirleyebilir ve her bir alanın tıklanması durumunda farklı sayfalara veya farklı işlemlere yönlendirme yapabilirsiniz. Bu özellikle, e-ticaret sitelerinde ürün resimleri için farklı bölümleri tıklanabilir hale getirmek için sıkça kullanılır.

HTML ala etiketi ile ilgili olarak dikkat edilmesi gereken önemli bir husus da bu etiketin yalnızca resim haritalarıyla kullanılabilmesidir. Yani, bu etiketi kullanabilmek için öncelikle bir resim haritası oluşturmanız gerekmektedir.

HTML Alan Etiketi Nasıl Kullanılır?

HTML Alan Etiketi, bir web sayfasında belirli bir bölgeyi veya alanı tanımlamak için kullanılır. Bu etiketin kullanımı oldukça basittir ve genellikle harita, çerçeve veya imaj alanlarını belirlemek için kullanılır. HTML alan etiketi, kullanıcıların bu bölgeler üzerine tıkladığında belirli bir işlemi tetiklemelerine olanak tanır. Bu etiketin doğru bir şekilde kullanılması, web sayfalarının daha interaktif hale gelmesini sağlar.

HTML alan etiketi kullanmak için coords, shape, href ve alt özelliklerini kullanabiliriz. Coords özelliği, alanın koordinatlarını belirtir. Shape özelliği, belirli bir alanın şeklini belirler. Href özelliği, belirli bir alana tıkladığında yönlendirilecek bağlantıyı belirtir. Son olarak, alt özelliği ise belirli bir alana ait alternatif metni belirtir.

Bir örnek olarak, bir harita görüntüsü üzerindeki farklı bölgeleri belirlemek için HTML alan etiketini kullanabiliriz. Her alanın farklı bir işlevi veya yönlendireceği farklı bir bağlantısı olabilir. Bu sayede, ziyaretçiler web sayfasındaki belirli alanlara tıkladıklarında farklı yönlendirmeler gerçekleşebilir.

HTML Alan Etiketi Örnekleri

HTML Alan Etiketi ÖrnekleriHTML Alan Etiketi Örnekleri

HTML alan etiketi, web sitelerinde bir alanın belirli bir bölgesine veri girişi yapılmasını sağlayan bir etikettir. Bu etiketin kullanımı oldukça yaygın olup çeşitli örneklerle anlatılabilir.

Örnek 1:

Örnek 2:

Form alanı için kullanıcının adını ve soyadını girmesi gereken bir alan oluşturulabilir. Bu alan şu şekilde oluşturulabilir:

• Ad:
• Soyad:

Örnek 3:

Web sitesinde ziyaretçilerin iletişim bilgilerini girmesi için bir form alanı oluşturulabilir. Bu alana ad, soyad, e-posta adresi ve iletişim mesajı girmek için aşağıdaki örnek kullanılabilir:

• Ad:
• Soyad:
• E-posta Adresi:
• Mesaj: