HTML DİLİNDE RESİMLER

        
    
    Whatsapp'ta Paylaþ

HTML www.ucuzucuzenucuz.comHTML dilinde resim ve bağlı parametrelerinden söz edeceğiz bu yazıda. Her HTML dosyasında mutlaka resim bulunmayabilir ama iyi bir görsel tasarım açısından vazgeçilmez bir unsur olduğunu da kabul etmek gerekir. Ancak iyi bir görsellik yakalamak uğruna bir HTML dosyasında abartılı sayıda resim kullanmak, sayfanın yüklenişi sırasında aşırı bir yavaşlığa neden olur ve kullanıcılar tarafından arzu edilmeyen bir duruma yol açar. Unutmamak gerekir ki kullanıcıların ilk aradığı özelliklerin başında hız gelir.

Bu kadar sözün ardından hemen asıl anlatmak istediklerimize geçelim.

Resim “<img>” Etiketi ve “src” Parametresi

HTML dökümanlarda resimler <img> etiketi ile belirtilir.

<img> etiketi kapalıdır, yani bu etiket mutlaka parametreler ile kullanılır ve bir kapatma etiketi bulundurmaz.

Sayfanızda bir resim görüntüleyebilmek için “src” parametresini kullanmak zorundasınız. Src, “source” (kaynak) anlamına gelir. Buraya görüntülemek istediğiniz resim dosyasının yolunu yazarsınız.

Kullanım biçimi

<img src=”resim yolu”>
<img src=”dosyalar/banner.jpg”>
<img src=”http://www.htmldersleri.org/dosyalar/banner.jpg”>

 

“Alt” Parametresi

Bu parametre alternatif metin (alternate text) anlamına gelir. Bu metin, resimin üzerine mouse gelip bir süre beklendiği zaman görünen metindir.

<img src=”home.gif” alt=”Ana Sayfa”>

Bu özellik sayesinde bazen sayfa  yüklenirken resimlerin görüntülenememesi gibi problemlerde oradaki resimin ne olduğunu anlarız. Bu parametre yeni nesil HTML’de WWC tarafından zorunlu hale gelmiştir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.