Bir kişi resim içeren bir web sayfası oluştururken, resim gerçekte bilgilerin kalanıyla sayfaya eklenmez. Görüntüleri web'de görüntülemek için, görüntüyü sayfaya gömmek yerine bir HTML görüntü bağlantısı kullanılır. HTML resim bağlantısını kullanmak için, <img> HTML etiketi, görüntünün nerede depolandığı ve erişilebilir olduğu hakkında bilgi sağlamak için kullanılır. Bu etiket, tüm tarayıcılarda kullanılabilir ve tarayıcılar tarafından desteklenen tüm resim türlerini yüklemek için kullanılabilir.
<img> etiketini tek başına kullanmak, görüntü içeren web sayfasına hiçbir bilgi sağlamaz. Web sayfası yüklendiğinde görüntünün yüklenebilmesi için HTML görüntüsü bağlantısının doğru yazılması için gereken iki özellik vardır. Daha fazla bilgi sağlamak için dahil edilebilecek birkaç isteğe bağlı özellik de vardır. Resim bağlantısını yazmak için gerekli olan özellikler src ve alt'dır .
HTML görüntü bağlantısının src niteliği, web adresini veya görüntünün bulunduğu URL'yi sağlar. URL, iki formdan birini alabilir. Mutlak bir URL, başka bir web sitesindeki bir resme yönlendiren eksiksiz bir web adresi sağlar. Src özelliği için mutlak bir URL eklemenin bir örneği şöyle olabilir: src = "http://www.website.com/image.jpg" - web sitesi.com başka bir siteye işaret ediyor ve image.jpg belirli bir yere işaret ediyor görüntüsü.
Src niteliğindeki URL için diğer seçenek, göreceli bir URL yazmaktır. Göreceli bir URL olması durumunda, web adresi aynı web sitesi dizinindeki bir resme bağlantı sağlar. Göreli URL, resim web sayfasıyla aynı yerde bulunduğundan mutlak bir URL'nin kesilmiş bir sürümüdür. Göreceli bir URL'ye sahip src niteliğinin örnekleri şunlardır: src = "image.jpg" veya src = "images / image.jpg". Bu örneklerdeki tek fark, görüntünün bulunduğu yerde, ikinci örnekte bir görüntüler klasöründe olduğu gibi.
Diğer gerekli nitelik, resim için alternatif metin sağlayan alt . Bu, kullanıcı bir fareyi görüntünün üzerine getirdiğinde görüntülenen metin değildir, görüntü nedense görüntülenemiyorsa görüntülenen metindir. Bir görüntünün görüntülenememesinin, src özniteliğindeki URL'nin hatalı veya bozuk olduğu durumlar veya görme engelli bir kullanıcının ekran okuyucu kullanması durumları dahil olmak üzere birçok nedeni vardır.
Bir HTML resim bağlantısı için en temel kod aşağıdaki gibi görünecektir: <img src = "URL" alt = "text" />. <img> etiketinin bir bitiş etiketi olmadığından, tarayıcının talimatın sona erdiğini bilmesi için /> ile sonlandırması önemlidir. Src niteliği bir görüntünün konumunu gösterir, bu nedenle diğer sitelere olan bağlantıların kopmadığından ve görüntülerin bir web sitesi dizini içinde dolaşmadığından ve sorun oluştuğunda bağlantıların düzeltildiğinden emin olmak önemlidir.
