Resim Öznitelikleri

Hıdır Volkan Sönmez
1 min readMay 31, 2023

--

Photo by Jackson Sophat on Unsplash

Resimler, HTML sayfalarında görsel içerikleri temsil etmek için kullanılır. Bir resim eklemek için <img> etiketi kullanılır ve resimle ilgili bazı önemli öznitelikler bulunur.

src Özniteliği

Resmin kaynak URL'sini belirtir. Bu öznitelik, resmin dosya yolunu veya resmin bulunduğu web adresini içerir.

<img src="resim.jpg" alt="Örnek Resim">

Yukarıdaki örnekte, src özniteliği "resim.jpg" olarak belirtilmiştir. Bu, resmin dosya yolunu temsil eder. Eğer resim, farklı bir web adresinden yükleniyorsa, src özniteliği o web adresini içerebilir.

alt Özniteliği

Resmin alternatif metnini belirtir. Eğer resim yüklenemezse veya kullanıcı resimleri görüntülemeyi devre dışı bırakmışsa, alt metni görüntülenir. Ayrıca, ekran okuyucu gibi erişilebilirlik araçları, alt metnini okuyarak görme engelli kullanıcılara resmin içeriği hakkında bilgi sağlar.

<img src="resim.jpg" alt="Örnek Resim">

Yukarıdaki örnekte, alt özniteliği "Örnek Resim" olarak belirtilmiştir. Bu, resmin alternatif metnini temsil eder. Alternatif metin, resmin içeriği veya anlamı hakkında açıklayıcı bir ifade olmalıdır.

src ve alt öznitelikleri, <img> etiketi içinde en yaygın kullanılan özniteliklerdir. src özniteliği resmin kaynak adresini belirtirken, alt özniteliği resmin alternatif metnini belirtir. Bu iki öznitelik, resimleri düzgün bir şekilde yüklemek ve erişilebilirlik sağlamak için önemlidir.

Ek olarak, resimlere diğer öznitelikler de eklenebilir. Örneğin, width ve height öznitelikleri ile resmin boyutları belirtilebilir, title özniteliği ile resme bir açıklama eklenir veya style özniteliği ile resme stil tanımlamaları yapılabilir.

--

--