HTML Dersleri ve Kod Sözlüğü

Resimler sayfa içerisinde ben dahil bir çok kişinin başına dert olmuştur. Özellikle kod bilgisi olmayanlar için bir kabustur. Bu yüzden bu yazıda resimlerde kullanılan kodları örneklerle gayet kolay bir şekilde göreceğiz.


Resimler, < A HREF = ……… > </A> bloğu için yerleştirildiğinde görsel bir link yaratılmış olur. Hazırladığımız sayfalardaki resimlerin uzantıları Gif, Jpg ve Png olmaları lazımdır.

a) BODY, TABLE ve TD tanımında kullanılan resimler  =>> 

<BODY> etiketinin Background parametresi ile tanımladığımız background resmi , tarayıcı tarafında ekran boyunca çoğaltılarak sayfaya yayılır.         örnek :: < BODY BACKGROUND =” bg.gif” > şeklinde yapılarak olur. Yanı mantıkla bir resim tablonun (table) tamamının yada ayrı ayrı hücrelerin ( td, th ) ortalann resmi olarak kullanılır.

örnek:: < TABLE WİDTH = 500 BACKGROUND = ” bg.gif >        < TD ALIGN = “CENTER” BACKGROUND = “bg.gif”>

b) Döküman içerisinde kullanılan resimler =>>

<IMG> html dökümanımızın herhangi bir yerine yerleştirmek istediğimiz resimler için < IMG > etiketi kullanılır. < IMG > etiketi parametre olarak;

>>  SRC = Resim_URL’ i ( kaynak dosyanın tam yolu )    >> WİDTH = Genişlik,  HEİGHT = Yükseklik    >>  ALT = Alternatif_Text

>>  LOWSRC = Düşük_Çözünürlükteki_Resim_URL’ i    >>  BORDER = Çerçeve_kalınlığı    >>  ALİGN = left, right ,center ,top ,middle, bottom    >>  H SPACE = X ( yatay ve dikey marjinler )     >>  V SPACE = Y ( yatay ve dikey marjinler)

< IMG SRC= “……………”>  =>> Tarayıcıya sayfaya koyacağı resmin nerede olduğunu göstermekten ibaret. Bu komut için kullanılması şart olan tek parametre src’dir.     örnek =>> < img src=” welcome.gif “>

< IMG SRC= “…….” WİDTH= X HEİGHT= Y >  =>>  Resimlerin boyutları width ve height parametresiyle tanımlanmışsa resimler tarayıcıya yüklendikçe kullanıcıya görünen sayfa düzeni değişmeye devam edecektir.    örnek =>>  < img src= ” welcome.gif ” width=55 height=20>

< IMG SRC= “…….” ALT= “………” > =>>  width ve height yanında kullanılması tavsiye edilen bir dier parametre ise ” ALT ” tır. ” ALT ” parametresinin kullananın amaçları yada gerekliliği;

>>  Resimlerin üzerine getirilen fare imlecinin hemen altından kısa bir süre sonra ” alt ” parametresinde belirtiğimiz metin belirir.

>>  Sayfanın kodu yüklenip resimler henüz yüklenmediği sırada gelecek resmin ne olduğu hakkında kullanıcıya bilgi verme amacıyla kullanılır.

>>  Bazı kullanıcılar sayfalarda hızlı gezinebilmek için tarayıcılarının resim gösterme özelliğini kapatmış olabilir. Burada belirteceğimiz ” alt “metnine göre resimleri sunucudan yüklemeyi tercih edebilirler.

Örnek::>>   < img src= “saat.gif” alt=”kumsaati” >

< img  src=” ……… ” LOWSRC= ” ……….. “>  =>>

Lowsrc, örneğin 100 kb boyutunda bir jpg resim yüklemek istediğimiz yerde bu resim gelene kadar önce lowsrc ile belirtmiş olduğunuz 2 kb boyutundaki başka bir resmi kullanıcıya gösterebiliriz.

< img src=” welcome.gif ” lowsrc=” wel.gif ” width=55 height=20 >

Yorum Yapın

Sabır, başarının anahtarıdır. (H.Ş.)