HTML’de kullanılan görsel etiketleri, web sayfalarındaki görüntüleri, videoları ve diğer medya dosyalarını göstermek için kullanılır. Görsel etiketleri kullanarak, web sayfalarına görsel çekicilik katabilir ve ziyaretçilerinize daha iyi bir deneyim sunabilirsiniz.
HTML’deki en yaygın görsel etiketlerinden bazıları şunlardır:
- <img> Resim Etiketi: Bu etiket, web sayfasındaki bir resmi eklemek için kullanılır. src özelliği, resmin kaynak dosyasının URL’sini belirtir. Örneğin:
<img src="örnek.jpg" alt="Örnek resim">
- <video> Video Etiketi: Bu etiket, web sayfasındaki bir videoyu eklemek için kullanılır. src özelliği, video dosyasının URL’sini belirtir. Örneğin:
<video src="örnek.mp4" controls>
Tarayıcınız videoyu desteklemiyor.
</video>
- <audio> Ses Etiketi: Bu etiket, web sayfasındaki bir ses dosyasını eklemek için kullanılır. src özelliği, ses dosyasının URL’sini belirtir. Örneğin:
<audio src="örnek.mp3" controls>
Tarayıcınız sesi desteklemiyor.
</audio>
- <figure> ve <figcaption> Etiketleri: Bu etiketler, resim veya video gibi görsellerle ilgili açıklama veya başlık eklemek için kullanılır. Örneğin:
<figure>
<img src="örnek.jpg" alt="Örnek resim">
<figcaption>Bu bir örnek resimdir.</figcaption>
</figure>
- <map> ve <area> Etiketleri: Bu etiketler, resimler üzerinde interaktif alanlar oluşturmak için kullanılır. Örneğin:
<img src="plan.png" usemap="#harita">
<map name="harita">
<area shape="rect" coords="0,0,100,100" href="bölge1.html">
<area shape="circle" coords="200,200,50" href="bölge2.html">
</map>
Yukarıda verilen örnekler, HTML dilinde kullanılan en yaygın görsel etiketler arasındadır. Bu etiketler, web sayfasındaki görüntüleri, videoları ve diğer medya dosyalarını kolayca eklemenizi sağlar.
