Resim ekleme
_____________

Resim < IMG SRC="Resmin_adresi"> etiketi ile eklenir!

Resmin adresinin sonu .jpg, gif, png.. gibi uzantilardan olusur!

Bu etiketin parametreleri sunalrdir!

- border
Deger olarak sayi alan bu parametre ile resmin kenar kalinligi belirlenir!
örnek:
< img src="resmin_adresi.jpg" border="2">

Bu genelde link verilmis resimelrin kenarlarinda otomatik olarak cikan kalinligi gidermek icin yani border="0" yapmak icin kullanilir!

- width ve height
Bu parametrelerle resmin genisligi ve yüksekligi ayarlanabilir! özellikle blogumuzda cok kullanim alani var cünkü büyük resimleri ekleyip blogumuz tamamen kaplamasi hosumuza gitmez!

örnek:
< img src="Resmin_adresi.jpg" width="100" height="100">

Resmin adresi yerine mesela bizim arkaplanlarda kullandigimiz bir resmin adresini verelim!
yani kod
< img src="http://img.blogcu.com/uploads/W3Blog_k3.jpg" width="100" height="100">

görünüm:


Uygulama bölümümüzde hemen uygulama yapabilrisiniz!

- Align

Bu parametreyle
 resmimizin sag sol asagi yukari durumlari belirlenir!
Mesela yeni baslayanlar icin cok isteyipte yapmadiklari bir sey vardir; oda resmi eklemek ve resmin altindan degilde hemen yanindan yazinin baslamasi; bunu bu parametreyle cözebilriz!
Eger henüz yazi ekleme panelinin resimli anlatimina bakmadinizsa önce bir oraya bakin daha faydali ve anlasilir olur!
Tiklayin!
Evet Blogumuzda resimde de anlatildigi gibi yazi ekledikten sonra, HTML yazisinin önündeki buttona tiklayip resmimizi eklemenin HTML kodu bicimini görüyoruz mesela yuakridaki resmi ekledi isek;

< img src="http://img.blogcu.com/uploads/W3Blog_k3.jpg">
kodlarini görecegiz...

Simdi yazacagimiz yaziyi resmin sag tarafina yazacak isek resmi sola (LEFT) dayali ekleyecegiz bu daa

align="LEFT" ile olur yani:

örnek

< img src="http://img.blogcu.com/uploads/W3Blog_k3.jpg" align="LEFT"> Ve buraya yazilar yazilar yazilar yaziyoruz, amaaa bu resmin yanindan devam edip hemen altina gecmiyor, yaninda  devam ediyor ve daha hos görüntü oluyor... isterseniz hemen yanda kategorilerimizden "Uygula Html" bölümüzü acabilir ve deneyebilirsiniz, daha güzel olur!

görünüm:

Ve buraya yazilar yazilar yazilar yaziyoruz, amaaa bu resmin yanindan devam edip hemen altina gecmiyor, yaninda devam ediyor ve daha hos görüntü oluyor... isterseniz hemen yanda kategorilerimizden "Uygula Html" bölümüzü acabilir ve deneyebilirsiniz, daha güzel olur!



Resmin sol tarafina yazi yazmak icin align="RIGHT" yaziyoruz!
o halde görünüm nasil olur onu da siz deneyin bakalim..

ayrica bir de align="CENTER" var onu da yine siz deneyip bakabilirsiniz, daha cok kücük boyutlu resimlerde kullanilir, ben hic kullanmam..
 
ALIGN parametresi bayagi kullaniliyor; devam edersek

ALIGN="TOP" Resmin üstü metnin üst kismi ile ayni hizaya getirilir.
ALIGN="BOTTOM" Resmin taban ile metnin alt kismi ayni hizaya getirilir.
ALIGN="MIDDLE" Metin ile resim ortalanir.

-Resim ile link eklemek
aslinda cok da zor ve önemli degil ama yine de anlatabiliriz:

< A href="http://www.blogcu.com/b3web">< img src="http://img.blogcu.com/uploads/W3Blog_k3.jpg"
 border="0">

görünüm: