HTML'de ikon eklemek için birkaç yöntem bulunmaktadır:
- Image Tag Kullanımı: En basit yöntem,
<img>
tag'ini kullanarak ikon eklemektir 13. Bu yöntemde, ikon dosyasının yolunusrc
attribute'üne belirtmek gerekir 1. Ayrıca, ikon için açıklayıcıalt
metni eklemek erişilebilirlik açısından önemlidir 1.
<img src="icon.png" alt="Açıklama" />
- Icon Font Kullanımı: Font Awesome gibi icon font kütüphaneleri kullanarak ikonları stilize etmek ve ölçeklendirmek mümkündür 13. Bunun için, ilgili CSS dosyasını HTML'e dahil etmek ve
i
tag'ini uygun sınıfla kullanmak gerekir 13.
<i class="fa fa-home"></i>
- SVG Kullanımı: SVG (Scalable Vector Graphics) dosyaları, XML tabanlı vektör grafikleridir ve herhangi bir kalite kaybı olmadan ölçeklenebilir 13. SVG kodunu doğrudan HTML'e ekleyebilir veya harici bir SVG dosyasına bağlantı verebilirsiniz 1.
<svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> </svg>
5 kaynaktan alınan bilgiyle göre: