Serdar YILMAZ
Bizimkisi Bir “Bug” Hikayesi...
Serdivan/Sakarya

Etiket 'HTML Resim Etiketi'

<img scr=” ” /> Etiketi

Kod

<!--Kendi sitemizdeki resmi sayfaya ekleme-->
<img src="resimler/bayrak.png" />

<!--Farklı bir sitedeki resmi sayfaya ekleme-->
<img src="http://www.siteadi.com/resimler/bayrak.png" />
<img src="resimler/bayrak.png" alt="Bayrak" title="Türk Bayrağı" border="1" hspace="5" vspace="5" width="180" height="180" align="left" />

Açıklama

Basit Kullanım

  1. Sayfamıza bir resim eklemek için <img src=” ” /> etiketini kullanabiliriz.
  2. src özelliğine resmin adresi yazılmalıdır. Farklı bir sitedeki resmi kendi sayfamıza eklemek istiyorsak http:// protokolü dahil olmak üzere resmin adresi tam bir şekilde yazılmalıdır. Eğer kendi hosting alanımızdaki bir resmi kullanacaksak sadece resmin dosya yolunu yazmamız yeterli olacaktır.

Özelleştirilmiş Kullanım

  1. alt özelliği ile resim görüntülenemediği zaman, resmin bulunduğu alanda çıkacak yazıyı belirtiyoruz.
  2. title özelliği ile resim üzerine gelindiğinde çıkacak yazıyı belirtiyoruz.
  3. border özelliği ile resmin etrafına çizilecek çerçevenin kalınlığını ayarlayabiliriz. Sıfır yazarsak çerçevesiz olacaktır.
  4. hspace ve vspace özellikleri ile resmin etrafındaki boşluğu ayarlayabiliriz. Resmin yanındaki öğeler belirtilen boşluk kadar resimden uzak olacaktır.
    vspace => Düşeyde ki boşluk   || hspace => Yatayda ki boşluk
  5. width ve height özellikleri ile resmin genişliğini ve yüksekliğini değiştirip yeniden boyutlandırabiliriz.
  6. align özelliği ile resmi yanındaki yazıya göre konumlandırabiliriz.
    align=”left”           (Resim, yazının sol tarafına konumlanacaktır.)
    align=”right”        (Resim, yazının sağ tarafına konumlanacaktır.)
    align=”bottom”    (Resmin yanındaki yazı, resmin en alt kısmına göre hizalanacaktır.)
    align=”middle”    (Resmin yanındaki yazı, resmin orta kısmına göre hizalanacaktır. )