HTML Resim Ekleme Etiketi

HTML resim ekleme etiketi hangisidir? Sayfamıza bir resim eklemek istediğimiz zaman <img /> etiketi kullanılır. Bu etiketin kapanış etiketi yoktur. Bu etiketin sahip olduğu parametreleri görelim.

src Resmin bilgisayar içerisindeki dosya yolu yazılır
border Resmin etrafında çerçeve oluşmasını sağlar.
align Resmin sayfa üzerindeki konumunu belirler.
height Resmin yüksekliğini ayarlar. (piksel cinsinden)
width Resmin genişliğini ayarlar. (piksel cinsinden)
alt Resim ile alakalı yazı yazılan böüm

Örnek olarak;

HTML de yazımı:

<img src=”‪ornek.png” border=2 align=”left” height=600 width=600>

Parametreler

  • alt=”Örnek resim olarak konulmuştur.”> “alt” bu ise resim hakkında bilgi içeren yazımsal kısımdır. Resim yüklenemez ise resmin kapladığı bölge bir çerçeve şeklinde belirlenir ve içinde burada yazılan yazı gösterilir. Resim görüntülendiği zamanlar ise bu yazı görünmez. Ayrıca bu parametre SEO açısından da önemli bir parametredir.
  • “src” kısmında eğer resim ile html uzantılı belgemiz aynı klasör içinde ise sadece resmin adını ve uzantısını yazmak yeterlidir. Eğer değilse resmin nerede olduğunu (dosya yolunu) belirtmemiz gerekir. Resmin doya yolu ve adı yazıldıktan sonra resmin formatını da yazmayı unutmayınız.
  • “border” yazılmaz ise varsayılan değer sıfırdır. Çerçeve oluşturmaz.
  • “align” yazılmaz bir önceki etikete göre html otomatik yerleştirir.
  • “height” ve “width” belirtilmez ise html resmi otomatik olarak kendi boyutunda alır ve o şekilde koyar.

HTML resim ekleme (<img />) etiketinin kullanım şeklini gördük. Aşağıdaki linke tıklayarak HTML ile ilgili diğer yazılarımıza da ulaşabilirsiniz. Ayrıca aşağıdaki Instagram ve Twitter linklerine tıklayarak bizleri Instagram ve Twitter üzerinden de takip ederek destek olabilirsiniz.

https://yazilimdelisi.com/category/web-gelistirme/html/

Sosyal Medya Hesaplarımız

instagram logo
twitter logo

Son Eklenen Yazılar

Bir Cevap Yazın

%d blogcu bunu beğendi: