Какой-то парень
Doçent
- Katılım
- 2 Mayıs 2018
- Mesajlar
- 598
- Reaksiyon puanı
- 602
- Puanları
- 93
Sayfaya resim eklemek için kullanılan kod
'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:
Tarayıcınız bir resim bulamazsa, alt özelliğin değerini görüntüler:
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:
Alternatif olarak, genişlik ve yükseklik özelliklerini kullanabilirsiniz:
Örnek:
Width ve height özellikleri her zaman resmin genişliğini ve yüksekliğini piksel cinsinden tanımlar.
Arka plan görüntüsü
Bir HTML öğesine arka plan resmi eklemek için CSS özelliği arka plan resmini kullanın:
HTML:
<img>
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:
HTML:
<img src="apple-logo.png" alt="Apple'ın logosu">
HTML:
<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:
HTML:
<img src="utkuversus.jpg" alt="Utkuversus SDN" style="width:500px;height:600px;">
Örnek:
HTML:
<img src="utkuversus.jpg" alt="Utkuversus SDN" width="500" height="600">
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:
HTML:
<body style="background-image:url('bulutlar.jpg')">
<h2>Arkaplan Resmi</h2>
</body>