Web sayfalarında resimler olmazsa olmazlardandır. Bir web sayfasının tamamını yazı şeklinde olması sayfayı ziyaret edenleri sıkacaktır.
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ı:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<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 |
| alt | yazı | Resim alternatif yazısıdır. Resim gösterilmediği durumda bu yazı gösterilir. Seo için önemlidir. |
| height | Pixel | Resmin yükseklik |
| width | Pixel | Resim genişlik |
| src | yazı | resim dosyasının yolu ve resmin adı yazılır. |
Add Comment