Html Resimler

HTML dökümanı içerisinde resim görüntüleyebilirsiniz.


Örnekler

Resim Eklemek

Başka sitelerden/klasörlerden Resim Eklemek


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.


Temel Notlar - Yararlı İpuçları

Bir HTML dosyasına 10-15 resim  koymak sayfanın yüklenişi sırasında yavaşlamaya neden olur. Bu yüzden sayfa tasarlarken bu notu dikkati alınız. Unutmayın ki kullanıcıların bir web sayfasında aradığı ilk özellik, hızdır!


Image Etiketleri

Etiket Açıklama
<img> Resim
<map> Bir resimden alınacak belirli bir bölge.
<area> Bir resimde belirlenmiş olan bir bölgenin tıklanabilir bölge ölçüsü.