HTML'nin uzak kaynaklardan resim eklemesiyle ilgili temel sorun, yavaş sayfa yükleme sürelerine yol açabilmesidir. Bunun nedeni, tarayıcının her resim için ayrı bir istekte bulunması gerektiğidir; bu, sayfada birden fazla resim varsa hızlı bir şekilde toplanabilir. Ek olarak, uzak kaynak kapalıysa veya yavaş bir bağlantıya sahipse bu, sayfa yükleme sürelerini daha da geciktirebilir. Son olarak, görüntüler harici bir kaynaktan çekildiği için güvenlik açıkları riski de artar.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Bu kod satırı, bir web sayfasında bir resmi görüntülemek için kullanılan bir HTML resim etiketidir.
2. "src" özniteliği, görüntülenecek görüntünün URL'sini belirtir, bu durumda "https://example.com/image.jpg" şeklindedir.
3. "alt" özniteliği görüntü için alternatif metin sağlar, bu durumda "Örnek Görüntü"dür.
img kaynak özniteliği
HTML'deki img src niteliği, bir görüntünün kaynağını belirtmek için kullanılır. içinde kullanılır Bir görüntünün kaynağını tanımlamak için etiket. Bu özelliğin değeri, bir resim dosyasına işaret eden geçerli bir URL olmalıdır. Bu öznitelik, bir web sayfasındaki tüm resimler için gereklidir ve tarayıcının resmi bulmasını ve görüntülemesini sağlar.
HTML'de harici bir görüntüyü nasıl eklerim?
HTML'de harici bir resim eklemek oldukça basittir. Tek yapmanız gereken kullanmak etiketleyin ve src özniteliğini kullanarak görüntünün kaynağını belirtin. HTML'de harici bir resim eklemek için sözdizimi şöyle görünür:
"image_url", resim dosyasına bir bağlantıdır ve "alternatif metin", resimdekilerin açıklamasıdır (erişilebilirlik amacıyla).
Örneğin, web sitenizden my-image.jpg adlı harici bir resim eklemek isterseniz, kodunuz şöyle görünür:
