Giri┼č yap

<img> Etiketi
HTML

<img> etiketi bir web sayfas─▒na bir g├Ârsel eklemek i├žin kullan─▒l─▒r.

Yap─▒s─▒ (Syntax)<img src="..">

Etiket T├╝r├╝ Kendi Kendine Kapanan Etiket
G├Âr├╝n├╝m Sat─▒r I├ži
Kullan─▒m G├Ârsel

Nitelikler

Nitelik De─čeri A├ž─▒klama
alt metin G├Ârsel i├žin alternatif bir metin olu┼čturur.
crossorigin anonymous
use-credentials
G├Ârselin ba┼čka bir web sayfas─▒ndan eri┼čim izini.
height pixels G├Ârseli belirli bir y├╝kseklik boyutuna ayarlar.
width pixels G├Ârseli belirli bir geni┼člik boyutuna ayarlar.
ismap ismap Bir g├Âr├╝nt├╝y├╝ sunucu taraf─▒nda image-map (g├Âr├╝nt├╝ haritas─▒) olarak belirtir.
longdesc URL G├Ârselin ayr─▒nt─▒l─▒ a├ž─▒klamas─▒nda URL belirtir.
sizes Farkl─▒ sayfa d├╝zenleri i├žin g├Ârsel boyutlar─▒n─▒ belirtir.
src URL G├Ârselin URL adresini belirtir.
srcset URL Farkl─▒ durumlarda kullan─▒lacak g├Ârselin adresini belirtir.
usemap #mapname G├Ârseli kullan─▒c─▒ taraf─▒nda image-map (g├Âr├╝nt├╝ haritas─▒) olarak belirtir.

Varsay─▒lan CSS De─čerleri

img {
	display: inline-block;
}

├ľrnekler

En basit haliyle kullan─▒m─▒;

<img src="dosya_yolu">

<img> etiketini kullan─▒rken alt niteli─čini kullanarak g├Ârsel i├žin alternatif bir metin belirtebilirsiniz;

<img src="https://prototurk.com/img/logo.png" alt="g├Ârsel metni">

width ve height niteliklerini kullanarak g├Ârselin boyutunu d├╝zenleyebilirsiniz;

<img src="https://prototurk.com/img/logo.png" alt="Protot├╝rk Logo" width="200px" height="200px">

ahmetkorkmaz3
130 g├╝n ├Ânce eklendi.
Github'da D├╝zenle