Görsel Öznitelikleri

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

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

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

İşte bir örnek:

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

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

Görev

Kolay

Görüntüye aşağıdaki öznitelikleri ekleyin:

alt: "A beautiful bird"
width: "400"
height: "250"

Kopya kağıdı

Görsellerinizi geliştirmek için ek öznitelikler kullanın:

alt: Görsel yüklenmediğinde alternatif metin sağlar
width ve height: Görselin boyutunu piksel cinsinden kontrol eder

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

Erişilebilirlik için her zaman alt özniteliğini ekleyin ve tasarım tutarlılığını korumak için boyutları kullanın.

Kendin dene

<!DOCTYPE html>
<html>
    <body>
         <img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
    </body>
</html>