Menu
Coddy logo textTech

Görsel Öznitelikleri

Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası. Ders 24 / 60.

Görsellerinizi iyileştirmek için bazı ek öznitelikleri inceleyelim:

  1. alt: Görsel yüklenmezse alternatif metin sağlar.
  2. width ve height: Görselin piksel cinsinden boyutunu kontrol eder.

İşte bir örnek:

<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />

Bu, görsel kaynağını ayarlar, bir açıklama sağlar ve görseli 600x400 piksel boyutlandırır. Erişilebilirlik için her zaman alt ekleyin ve tasarım tutarlılığını korumak için boyutları kullanın. 

challenge icon

Görev

Kolay

Görsele aşağıdaki öznitelikleri ekleyin:

  1. alt: "A beautiful bird"
  2. width: "400"
  3. height: "250"

Kendin dene

<!DOCTYPE html>
<html>
    <body>
         <img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Baya_Weaver_in_Bhigwan_August_2025_by_Tisha_Mukherjee_04.jpg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original">
    </body>
</html>
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Fundamentals bölümündeki tüm dersler

Kendi başına pratik yap: Web playground