Html Resim Ekleme Kodu

<IMG SRC="resmin bulunduğu yer ve adı yazılacak yer" WIDTH="x" HEIGHT="y" > 
     

Seçtiğimiz resmin gif yada jpg formatında olması zorunluluğu dışında herhangi bir kısıtlama yoktur. Resim eklemek için yapmamız gereken sayfaya koyacağı resmin nerede olduğunu göstermemiz gerekir.Resmin pixel cinsinden en ve boy uzunluğunu belirtmeniz resmin düzgün görünmesi sağlar ama şart değildir. Kullanacağımız etiket şu şekilde olacak; Burada x resmin enini y ise boyunu ifade ediyor 

      Örnek : 
      <img src="Fil.gif" width="64" height="79"> 

      Eklemek istediğiniz çok sayıda resim varsa bunları resimler adlı bir alt klasörde ise html dosyası c:\ders dizininde resimler de c:\ders\resimler\Fil.gif dizininde. Bu durumda browser'ınız o an çalışan html dosyasının bulunduğu klasörü kök dizin olarak kabul edecektir. Siz de buna göre resmin yolunu uyarlayacaksınız. Etiketi bu sefer şu şekilde kullanılır; 

<img src="resimler/Fil.gif" width="64" height="79"> 

      Resmi Hizalamak 
      Hizalama (align) komutuyla resmi sağa (right) ,ortaya (center) ya da sola (left) koyabiliriz. 

<img src="resim.jpg" width="25" height="25" align="left"> 

      Resme alternatif metin eklemek: <img src="resim.gif" alt="saat">  buradaki alt="saat" ifadesi bize resmimize alternatif metin eklememizi sağlar. 

      Resme Çerçeve eklemek : <img src="resim.gif" border="6">   border ise resmimize çerçeve içine alır. Resimlerinizi kaymasını istiyorsanız marquee kodunu kullanmanız gerekir. Örnek kulanımı ise şu şekildedir;

<marquee width=500 height=100 direction=left>

<img src="resim-1.jpg" alt="Resim 1">&nbsp; <img src="resim-2.jpg" alt="Resim 2">&nbsp; <img src="resim-3.jpg" alt="Resim 3">&nbsp; <img src="resim-4.jpg" alt="Resim 4">&nbsp; <img src="resim-5.jpg" alt="Resim 5">&nbsp;</marquee>

 


Kategoriler : Html
Etiketler : html dersleri

Webbilgileri.com' da bilgilerinizi paylaşmak istiyorsanız. Ders Ekle linkmizi kullanabilirsiniz.
3 Adet Yorum Bulunmaktadır.
Yazan : garibin gülü
Tarih :08.09.2011 12:17:37
arkadaşlar teşekkür ederim emeği geçen herkese ama size bi sorum olacak hani web sitelerinde resimlerin slayt göstesirisi gibi bişey oluyor onların kodlarını yayımlarmısınız size zahmet şimdiden teşekkür ederim
Yazan : admin
Tarih :08.09.2011 23:15:26
dediğiniz şey frame ile yapılıyor. Fakat bu tavsiye edilmemektedir. marquee kodu ile resimlerinizi kaydırabilirsiniz. Örnek kullanım
Yazan : aslanalim
Tarih :06.11.2013 16:30:30
elinize sağlık
« 1 » 
Makale hakkındaki yorumlarınız ?
Yazan :
Başlık :
Tarih :
Sorununuz :
Güvenlik Kodu :