HTML Dersleri 12 - Resimler
Bu dersimiz ile resimler ve resim ekleme yollarını öğreneceğiz.

İmages
HTML dokümanları içerisinde çokça resim kullanıyoruz. İçeriklerimiz için bazen ürünlerimiz için aslında kullanım amacından ziyade nasıl eklendiğine ve kullanıldığına bakalım.
Resim <img> Etiketi ve "src" Niteliği
HTML dokümanlarına resimler eklemek için <img> etiketini kullanırız. <img> etiketi nitelikler ile kullanılır ve kapatma etiketi bulunmaz örneklerde göreceğiz. Resim için yol vermek gereklidir ve bu dosya yolu "src" parametresi ile verilir.
<img src="resim yolu">
<img src="resim.jpg">
<img src="htmldersleri.jpg">
Alt Niteliği
Bu parametre resmin üzerine mouse ile geldiğinizde görünen metindir.
<img src="resim.jpg" alt="Burada bir resim var">
Bu özellik sayesinde resim gözükmediği durumlarda en kısa tabirle resmin ne olduğunu belirtebiliriz.
İpuçları
Sayfaları kodlarken fazlasıyla resim koymak sitelerimizi yavaşlatır. Eğer gerekli ise resimlerimizin boyutlarını küçültmek işimizi görebilir.
Tags | Açıklama |
<img> | Resim |
<map> | Bir resimden alınacak bölge |
<area> | Bir resimde belirlenen bölgenin tıklanabilirliği |