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
- Sayfamıza bir resim eklemek için <img src=” ” /> etiketini kullanabiliriz.
- 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
- alt özelliği ile resim görüntülenemediği zaman, resmin bulunduğu alanda çıkacak yazıyı belirtiyoruz.
- title özelliği ile resim üzerine gelindiğinde çıkacak yazıyı belirtiyoruz.
- border özelliği ile resmin etrafına çizilecek çerçevenin kalınlığını ayarlayabiliriz. Sıfır yazarsak çerçevesiz olacaktır.
- 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 - width ve height özellikleri ile resmin genişliğini ve yüksekliğini değiştirip yeniden boyutlandırabiliriz.
- 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. )