HTML - Resim Ekleme

Sayfaya resim eklemek için kullanılan kod

<img>

'dir.
Alt özellik:
Alt öznitelik bir görüntü için alternatif bir metin sağlar, eğer kullanıcı bir nedenden dolayı görüntüleyemiyorsa (yavaş bağlantı nedeniyle, src özniteliğinde bir hata veya kullanıcı bir ekran okuyucu kullanıyorsa).

Alt özelliğin değeri, resmi açıklamalıdır:

<img src="apple-logo.png" alt="Apple'ın logosu">

Tarayıcınız bir resim bulamazsa, alt özelliğin değerini görüntüler:

<img src="DeathMark.gif" alt="Death Mark">

Not: Alt özellik gereklidir. Bir web sayfası, doğru bir şekilde doğrulanmayacaktır.

Resim Boyutu - Genişlik ve Yükseklik
Bir görüntünün genişliğini ve yüksekliğini belirtmek için stil özelliğini kullanabilirsiniz.
Örnek:

<img src="utkuversus.jpg" alt="Utkuversus SDN" style="width:500px;height:600px;">

Alternatif olarak, genişlik ve yükseklik özelliklerini kullanabilirsiniz:
Örnek:

<img src="utkuversus.jpg" alt="Utkuversus SDN" width="500" height="600">

Width ve height özellikleri her zaman resmin genişliğini ve yüksekliğini piksel cinsinden tanımlar.

Not: Her zaman resmin genişliğini ve yüksekliğini belirtin. Genişlik ve yükseklik belirtilmezse, görüntü yüklenirken sayfa titreyebilir.

Arka plan görüntüsü
Bir HTML öğesine arka plan resmi eklemek için CSS özelliği arka plan resmini kullanın:

<body style="background-image:url('bulutlar.jpg')">
<h2>Arkaplan Resmi</h2>
</body>