HTML Resim Etiketi
Bu yazıda, resimleri bir HTML belgesine nasıl ekleyeceğinizi öğreneceksiniz.
Web Sayfalarına Resim Ekleme
Görüntüler web sayfalarının görsel görünümünü daha ilginç ve renkli hale getirerek zenginleştirir. Hizmetlerinizi, ürünlerinizi vs daha iyi tanımlamak için resim eklemek önemlidir.
![]()
Etiketi HTML belgelerinde resim eklemek için kullanılır. Boş bir öğedir ve yalnızca nitelikleri içerir.
![]()
Etiketin söz dizimi şu şekilde verilebilir:
Her görüntü en az iki nitelik taşımalıdır: src öznitelik ve bir alt öznitelik.
Bu src özellik tarayıcıya resmi nerede bulacağını söyler. Değeri görüntü dosyasının URL'sidir.
Öte yandan, alt nitelik kullanılamıyorsa veya herhangi bir nedenle görüntülenemiyorsa görüntü için alternatif bir metin sağlar. Değeri, görüntünün anlamlı bir alternatifi olmalıdır.
Görüntünün Genişliğini ve Yüksekliğini Ayarlama
width Ve height özellikleri, bir görüntü genişliğini ve yüksekliğini belirlemek için kullanılır.
Bu niteliklerin değerleri varsayılan olarak piksel olarak yorumlanır.
<!--Temel Kullanım-->
<img src = "dosyayolu" alt = "resim başlığı">
<img src="limon.jpg" alt="resim başlığı" style="width: 400px; height: 400px;">
<img src="img/limon.jpg" alt="resim başlığı">
<img src="../img/limon.jpg" alt="resim başlığı" class="stil" id="ozelid">//dosya yolu üst dizinde kullanımı
Resim boyutları tarayıcının sitenizi yüklerken kullanıcıyı bekletmemesi için ufak olmalıdır. Burada bahsettiğimiz genişlik yükseklikten ziyade kb cinsinden karşılığıdır. Resim editörünüzden olabilecek en iyi ayarlarla kaydedilmiş resimleri kullanmaya özen gösterin. İnternette bulduğunuz bazı görsellerin telif hakkı ihlaline girebileğini unutmayın.
