HTML'de Resim Ekleme (img Etiketi)

HTML'de resim eklemek için <img> etiketi kullanılır. Bu etiketin kapanış etiketi yoktur.

Temel kullanım

<img src="kuzey.png" alt="Kuzey Yıldızı logosu">

• src: resmin adresi (dosya yolu veya URL).
• alt: resim yüklenmezse gösterilen ve ekran okuyucuların okuduğu metin. SEO ve erişilebilirlik için çok önemlidir.

Boyut ayarlama

<img src="kuzey.png" alt="Logo" width="200" height="120">

Daha iyisi, boyutu CSS ile ver ve max-width: 100% ekleyerek resmi mobilde taşmaz yap:

img { max-width: 100%; height: auto; }

HTML ve CSS'i tarayıcıda hemen denemek için Kod Editörü'nü kullanabilirsin.