HTML Dersleri 12 - Resimler

Bu dersimiz ile resimler ve resim ekleme yollarını öğreneceğiz.

HTML Dersleri 12 - Resimler

İ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