resimekleme kodu
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"> <img src="resim-2.jpg" alt="Resim 2"> <img src="resim-3.jpg" alt="Resim 3"> <img src="resim-4.jpg" alt="Resim 4"> <img src="resim-5.jpg" alt="Resim 5"> </marquee>