HTML WEB

HTML Resim Ekleme Kodu

HTML sayfasına resim eklemek için <img> etiketi kullanılır. <img etiketinin src özelliğine resim dosyasının yolu yazılır.

HTML belgelerindeki dosya dizin yapısına uygun olarak resim dosyasının yolu belirtilerek resim sayfaya eklenebilir. Dosya dizin yapısı için örnek bağlantı oluşturma konusunu inceleyebilirsiniz.

 

Kullanımı:

<img src="resimyolu" alt="resim alternatif yazısı">

<!--aynı klasördeki resim dosyasına-->
<img src="resim1.jpg">

<!--alt klasördeki bir dosyaya -->
<img src="galeri/resim1.jpg">

<!--üst klasördeki bir dosyaya -->
<img src="../resim/resim1.jpg">

img etiketinin sık kullanılan nitelikleri:

Nitelik ÖlçüTanım
altyazıResim alternatif yazısıdır. Resim gösterilmediği durumda bu yazı gösterilir. Seo için önemlidir.
heightPixelResmin yükseklik
widthPixelResim genişlik
srcyazıresim dosyasının yolu ve resmin adı yazılır.

 

Yorum Yap