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ü. |
|